Reset arrays value inside angular.foreach loop

Question

I have an array of empty objects like this:

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

And an array of properties:

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

I need to assign each color in "colors" to every element of "a" array with angular foreach. But the length of "a" array is greater than "colors". I want to assign the colors "by circle" So the result needs to be like this:

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];
});

The question: Is there some way to reset the index of foreach to start looping the "colors" array from beginning? Thanks for help

Try this elem.color = colors[index % colors.length];

Hadi
– Hadi

2017-05-08 06:22:21 +00:00
Commented May 8, 2017 at 6:22 — Hadi
– Hadi, Commented May 8, 2017 at 6:22
@Hadi Thanks for help!

Luchnik
– Luchnik

2017-05-08 06:26:37 +00:00
Commented May 8, 2017 at 6:26 — Luchnik
– Luchnik, Commented May 8, 2017 at 6:26

Nair Athul · Accepted Answer · 2017-05-08 06:28:14Z

6

try this

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

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

answered May 8, 2017 at 6:28

Nair Athul

8219 silver badges21 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

Sachila Ranawaka · Accepted Answer · 2017-05-08 06:25:41Z

3

try javascript map function like this

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

a = a.map(function(o,i){
    var color =  (colors[i]) ? colors[i] : callFunc(i);    
    o.color =color;
    
    return o;
    
    function callFunc(i){
       var diff = (i - colors.length)% (colors.length)
       return colors[diff]
    }
})

console.log(a)

answered May 8, 2017 at 6:25

Sachila Ranawaka

41.6k8 gold badges62 silver badges87 bronze badges

Comments

Sujith · Accepted Answer · 2017-05-08 06:30:29Z

0

You can simply have a counter i inside the foreach. In each iteration increment i like i++ and once it reaches the length of colors array, just reset it like i=0 and the color[i] can be used to get the color name.

answered May 8, 2017 at 6:30

Sujith

1,8141 gold badge10 silver badges16 bronze badges

Collectives™ on Stack Overflow

Reset arrays value inside angular.foreach loop

3 Answers 3

Comments

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related