编程基础网 / 编程问答 / 前端问题 / 正文

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

编程基础网前端问题

2022-01-01

Restart iterating for loop from beginning once looping ends - JS(循环结束后，重新开始迭代FOR循环-JS)

本文介绍了循环结束后，重新开始迭代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>

这篇关于循环结束后，重新开始迭代FOR循环-JS的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持编程学习网！

编程基础网

本文标题为：循环结束后，重新开始迭代FOR循环-JS

上一篇： JavaScript按值对对象进行分组

下一篇：使用lowash递归收集属性值

基础教程推荐

学习HTML

学习jQuery

学习Laravel

学习CSS3

学习Vue.js

学习Bootstrap5

学习ThinkPHP

学习AJAX