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

Posted 2023-05-09

【中文标题】循环结束后从头开始重新开始迭代循环 - JS

【英文标题】：Restart iterating for loop from beginning once looping ends - JS

【发布时间】：2019-03-30 08:43:04

【问题描述】：

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

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

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

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

这是我的代码。

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>

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

【参考方案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>