循环结束后从头开始重新开始迭代循环 - JS

Question

我有一个数组和一个对象数组。

我基本上需要将数组的第一个元素映射到数组内对象的第一个元素等等。

两个数组都可以是可变长度的，一旦循环结束，循环应该从头开始。

但是，我不确定是否要重新开始循环。

这是我的代码。

const colors = ['#7cb5ec', '#434348', '#90ed7d', '#f7a35c']

const obj = [{
    name: 'Toyota'
  },
  {
    name: 'Honda'
  },
  {
    name: 'Buick'
  },
  {
    name: 'Chevy'
  },
  {
    name: 'Ford'
  },
  {
    name: 'Toyota'
  }
]

_.forEach(obj, (item, index) => {
  item.color = colors[index]
})

console.log(obj)

<script src="https://cdnjs.cloudflare.com/ajax/libs/lodash.js/4.17.11/lodash.min.js"></script>

所以对于福特和丰田来说，应该从头做起。请指教。

Answer 1

您可以使用% 运算符再次从0 索引开始数组：

const colors = ['#7cb5ec', '#434348', '#90ed7d', '#f7a35c']

const obj = [
  {name: 'Toyota'}, {name: 'Honda'}, {name: 'Buick'},
  {name: 'Chevy'}, {name: 'Ford'}, {name: 'Toyota'}
];

_.forEach(obj, (item, index) => {
  item.color = colors[index % colors.length]
});

console.log(obj);

<script src="https://cdnjs.cloudflare.com/ajax/libs/lodash.js/4.17.11/lodash.min.js"></script>