Tengo dos matrices de cadenas con longitud dinámica, por ejemplo:
const categories = ['apple', 'pear', 'melon', 'lemon'] const colors = ['red', 'blue', 'green'] y me gustaría que colors.lenght >= categories.lenght . El elemento faltante de colors debe repetirse. Ejemplo:
const categories = ['apple', 'pear', 'melon', 'lemon'] const colors = ['red', 'blue', 'green', 'red'] // colors[3] = colors[0] const categories = ['apple', 'pear', 'melon', 'lemon', 'strawberry', 'orange'] const colors = ['red', 'blue', 'green', 'red', 'blue', 'green'] const categories = ['apple', 'pear', 'melon', 'lemon', 'strawberry', 'orange', 'cherry'] const colors = ['red', 'blue', 'green', 'red', 'blue', 'green', 'red']¿Cómo puedo hacer eso?
Comienzo a crear esta función pero no sé cómo repetir los colores de la manera correcta:
function adjustLenghts(categories: string[], colors: string[]) { const overflowingCategoriesItems = domain.slice(colors.length, categories.length) const repeatedRange = ?? const newColors = ?? return newColors }puedes hacer algo como esto
const categories = ['apple', 'pear', 'melon', 'lemon', 'banana'] const colors = ['red', 'blue', 'green'] const adjustedColor = categories.map((_, i) => colors[i % colors.length]) console.log(adjustedColor)