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>

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

1 个答案: