Add element to multi row array with angular / javascript

Question

I have the following array with data:

[
{"count":1,"title":"Ark: Survival","platform":"Playstation PS4"},
{"count":2,"title":"Lara Croft:", "platform":"Playstation PS4"},
{"count":1,"title":"Madden NFL", "platform":"Playstation PS4"}
]

All in my angular Cart scope:

var data = $scope.cart;

now i would like to add to each row the order number, so i use a push:

$scope.cart.push({"orderNumber": $scope.OrderNumber});

the problem is that is adds the order number but as a separate row and not inside each of the rows. so my desired output should look like this:

[
{"count":1,"title":"Ark: Survival","platform":"Playstation PS4","orderNumber":1 },
{"count":2,"title":"Lara Croft:", "platform":"Playstation PS4","orderNumber":1},
{"count":1,"title":"Madden NFL", "platform":"Playstation PS4","orderNumber":1}
]

how would i push to each row of the array? i tried several versions but can't seem to get it to work.

NTP · Accepted Answer · 2017-12-14 12:44:24Z

1

in order to achieve that you should iterate through each object and set order number separately

angular.forEach($scope.cart, function (value, key) {
    value.orderNumber = $scope.OrderNumber;
});

answered Dec 14, 2017 at 12:44

NTP

4,4483 gold badges18 silver badges25 bronze badges

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

Comments

Suren Srapyan · Accepted Answer · 2017-12-14 12:47:43Z

1

You need to iterate over each item and add the orderNumber as a property for each item. So you can use forEach function of the angular for that.

angular.forEach($scope.cart, (item) => item.orderNumber = $scope.OrderNumber)

edited Dec 14, 2017 at 12:47

answered Dec 14, 2017 at 12:42

Suren Srapyan

68.9k14 gold badges128 silver badges119 bronze badges

Comments

Ewald Bos · Accepted Answer · 2017-12-14 12:57:40Z

0

just got an answer that i implemented but the user has deleted the response, however it works perfect, this was the solution that i used:

$scope.cart.forEach(item => item.orderNumber = $scope.OrderNumber)

answered Dec 14, 2017 at 12:57

Ewald Bos

1,8401 gold badge22 silver badges36 bronze badges

Collectives™ on Stack Overflow

Add element to multi row array with angular / javascript

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