How to keep Array order when doing a foreach loop in Angularjs

Question

The order of my array always changes when i do a foreach loop. How can I keep the order of the array.

var array1 = [{id:1, name:'foo'},{id:2, name:'bar'},{id:3, name:'lol'}]

After i do a foreach and output it to a new array, the order sometimes changes

var array2 = [];

angular.forEach(array1, function(post) {
  //for brevity i'll just keep it simple
   var sample = {id:post.id, name:post.name};
   array2.push(sample);
});

//OUTPUT
var array2 = [{id:3, name:'lol'},{id:1, name:'foo'},{id:2, name:'bar'}]

My question is how can i iterate without changing the order.

What do you mean the array changes when you do a foreach loop? Are you getting the array from a web service? — Endre Simo
– Endre Simo, Commented Oct 26, 2015 at 7:04
yes im getting it from an ajax response but order is ALWAYS the same it just gets messed up after the foreach loop — edmamerto
– edmamerto, Commented Oct 26, 2015 at 7:08
@e_mam106 If array1 is actually an array, then this should not be happening. Can you show us what the actual JSON response of your service looks like? — JLRishe
– JLRishe, Commented Oct 26, 2015 at 7:11
Doing it in the console without using angular's version of forEach seems to work fine. Is there a specific reason why you're using angular's over the typical one? — aug
– aug, Commented Oct 26, 2015 at 7:22

Hunan Rostomyan · Accepted Answer · 2015-10-26 07:11:12Z

1

Iterating over an Array is guaranteed to be in order. This is not true of dictionaries. If you want to create a new array, you can simply do something like this:

var array2 = array1.map(function(post) {
    return {id: post.id, name: post.name};
});

answered Oct 26, 2015 at 7:11

Hunan Rostomyan

2,1762 gold badges22 silver badges31 bronze badges

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

Collectives™ on Stack Overflow

How to keep Array order when doing a foreach loop in Angularjs

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related