# generaltranslation: General Translation Core SDK: formatListToParts URL: https://generaltranslation.com/es/docs/core/functions/formatting/format-list-to-parts.mdx --- title: formatListToParts description: Función autónoma para formatear listas en partes conservando los tipos originales --- ## Descripción general La función autónoma `formatListToParts` da formato a un arreglo en partes según la configuración regional sin requerir una instancia de GT. Inserta separadores de cadena entre los elementos mientras conserva los tipos originales de cada uno, y devuelve un `Array`. ```typescript import { formatListToParts } from 'generaltranslation'; const parts = formatListToParts(['red', 'green', 'blue'], { locales: ['es'], type: 'disjunction' }); // Returns: ['red', ', ', 'green', ' o ', 'blue'] ``` ## Referencia ### Parámetros | Nombre | Tipo | Descripción | | --------- | ---------------------------------------------------------- | ------------------------------------------------- | | `array` | `Array` | El array de elementos que se deben formatear | | `options` | `ListFormatPartsOptions & { locales: string \| string[] }` | Configuración de formato con locales obligatorios | ### ListFormatPartsOptions | Nombre | Tipo | Descripción | | --------- | ------------------------------------------ | ----------------------------------------------------------------- | | `locales` | `string \| string[]` | **Obligatorio** - Configuraciones regionales para aplicar formato | | `type?` | `'conjunction' \| 'disjunction' \| 'unit'` | Tipo de formato de lista (predeterminado: `'conjunction'`) | | `style?` | `'long' \| 'short' \| 'narrow'` | Estilo de formato de lista (predeterminado: `'long'`) | ### Devuelve `Array` - Un array de los elementos originales intercalados con separadores de cadena propios de la configuración regional. *** ## Ejemplo ### Uso básico ```typescript copy import { formatListToParts } from 'generaltranslation'; // Lista de conjunción console.log(formatListToParts(['A', 'B', 'C'], { locales: 'en' })); // Salida: ['A', ', ', 'B', ', and ', 'C'] // Lista disyuntiva console.log(formatListToParts(['A', 'B', 'C'], { locales: 'en', type: 'disjunction' })); // Salida: ['A', ', ', 'B', ', or ', 'C'] ``` ### Arrays de tipos mixtos ```typescript copy // Los números y objetos se conservan console.log(formatListToParts(['apple', 42, { type: 'fruit' }], { locales: 'en' })); // Salida: ['apple', ', ', 42, ', and ', { type: 'fruit' }] ``` ### Formato específico según la configuración regional ```typescript copy // Disyunción en español console.log(formatListToParts(['red', 'green', 'blue'], { locales: 'es', type: 'disjunction' })); // Salida: ['red', ', ', 'green', ' o ', 'blue'] // Estilo corto console.log(formatListToParts(['first', 'second'], { locales: 'en', style: 'short' })); // Salida: ['first', ' & ', 'second'] ``` *** ## Notas * A diferencia del método de la clase GT, el parámetro `locales` es obligatorio * Se conservan los tipos de elementos originales: solo se insertan cadenas separadoras entre los elementos * Esta es la diferencia clave con `formatList`, que devuelve una sola `cadena` * Es especialmente útil para renderizar arrays de tipos mixtos en frameworks de UI como React * Usa el mismo `Intl.ListFormat` subyacente que el método de la clase GT ## Próximos pasos * Consulta la documentación de [`Intl.ListFormat`](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Intl/ListFormat) para conocer más opciones * Consulta [`formatNum`](/docs/core/functions/formatting/format-num) para el formato autónomo de números * Consulta [`formatDateTime`](/docs/core/functions/formatting/format-date-time) para el formato autónomo de fechas * Consulta [`formatListToParts`](/docs/core/class/methods/formatting/format-list-to-parts) de la clase GT para usarlo con instancias