javascript - 在 angular.foreach 循环中重置数组值

Question

我有一个像这样的空对象数组:

var a = [ {}, {}, {}, {}, {}, {} ];

还有一组属性:

var colors = ["red", "green", "blue"];

我需要将“颜色”中的每种颜色分配给具有 Angular foreach 的“a”数组的每个元素。但是“a”数组的长度大于“colors”。我想“按圆圈”分配颜色所以结果需要是这样的:

var a = [
    {color: "red"},
    {color: "green"},
    {color: "blue"},
    {color: "red"},
    {color: "green"},
    {color: "blue"},
    {color: "red"}
];

angular.forEach(a, function(elem, index) {
  if (a.length > colors.length) {
    // .......                       
  }
  elem.color = colors[index];
});

问题:是否有某种方法可以重置 foreach 的索引以从头开始循环“colors”数组？感谢帮助

Answer 1

试试这个

var a = [ {}, {}, {}, {}, {}, {} ];
var colors = ["red", "green", "blue"];

a.forEach(function(item,key){
    item.color = colors[key % colors.length];
})
console.log(a)