Как объединить массивы?

Question

[gsdev99]

Всем привет, подскажите, пожалуйста, как решить следующую задачу:
У меня есть массив данных:

const graphData = [{
  'value': 2.1,
  'title': 'Один'
}, {
  'value': 1.1,
  'title': 'Два два два два'
}, {
  'value': 0.7,
  'title': 'Три'
}, {
  'value': 5.1,
  'title': 'Четыре четыре'
}, {
  'value': 6.5,
  'title': 'Пять пять пять'
}]

Далее есть массив цветов:
const palette = ['green', 'yellow', 'orange']
Как мне получить следующий массив:
Каждому элементу массива добавляется цвет по порядку, если элементов данных больше чем цветов, цвета добавляются по кругу.

const tGraphData = [{
  value: 2.1,
  title: 'Один',
  color: 'green'
}, {
  value: 1.1,
  title: 'Два два два два',
  color: 'yellow'
}, {
  value: 0.7,
  title: 'Три',
  color: 'orange'
}, {
  value: 5.1,
  title: 'Четыре четыре',
  color: 'green'
}, {
  value: 6.5,
  title: 'Пять пять пять',
  color: 'yellow'
}]

Answer 1

[0xD34F]

const result = graphData.map((n, i) => ({ ...n, color: palette[i % palette.length] }));

или, в более общем виде:

const combine = (arr, keys, values) =>
  arr.map(({ ...n }, i) => (
    values.forEach((m, j) => n[keys[j]] = m[i % m.length]),
    n
  ));


const result = combine(graphData, [ 'color' ], [ palette ]);

Comments

[gsdev99]

Спасибо.