循环结束后，重新开始迭代FOR循环-JS

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

我基本上需要将数组的第一个元素映射到数组内的对象的第一个元素，依此类推。

两个数组的长度都可以可变，循环结束后应重新从头开始。

但是，我不确定是否会再次启动循环。

这是我的代码。

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>

所以对于福特和丰田来说，应该从第一个开始。请指教。

---

解决方案

可以使用%运算符从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>