Push object to empty array if not exist angularjs

Question

I created an array is empty. I want to push unique object. I want to use for loop. But firstly array length is zero. So doesnt work for loop. How can I do?

$scope.arr=[];
$scope.result=[
   {category: "Home", categoryInt: 1, categoryPercent:50},
   {category: "Office", categoryInt: 1, categoryPercent:25},
   {category: "Office", categoryInt: 1, categoryPercent:25},
   {category: "Office", categoryInt: 1, categoryPercent:25}
[
for(var z=0; z<$scope.arr.length; z++){
    if ($scope.arr[z].percent === $scope.result[a].categoryPercent) {
        return;
    } else {
        $scope.arr.push({category: $scope.result[a].category, percent: $scope.result[a].categoryPercent, categoryInt: $scope.result[a].categoryInt});                                             
    }
}

Can you not declare the object in question as a variable and then use the Array.include() function as a check in a conditional statement? — Chad Denaux
– Chad Denaux, Commented May 7, 2018 at 2:00
Thanks for answer I used Array.include function. When loop working always result return false. — Hermes
– Hermes, Commented May 7, 2018 at 2:17

Vikasdeep Singh · Accepted Answer · 2018-05-07 02:16:02Z

1

Use Array.reduce() to have array of object of unique objects. Below is working code:

let arr = [];
var result = [{category:"Home",categoryInt:1,categoryPercent:50},{category:"Office",categoryInt:1,categoryPercent:25},{category:"Office",categoryInt:1,categoryPercent:25},{category:"Office",categoryInt:1,categoryPercent:25}];

arr = Object.values(result.reduce((acc, cur) => Object.assign(acc, {
  [cur.categoryPercent]: cur
}), {}));

console.log(arr);

edited May 7, 2018 at 2:16

answered May 7, 2018 at 2:00

Vikasdeep Singh

21.9k16 gold badges82 silver badges106 bronze badges

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

5 Comments

Hermes Over a year ago

Thanks for answer but I shouldn't reduce $scope.result. Because I have to use another loops

Vikasdeep Singh Over a year ago

@Hermes updated answer. It will not change your result. Check now.

Hermes Over a year ago

Thats worked but doesnt work perfectly. Some values is repeated. How can I use multi filter? For example I want to use categoryPercent and categoryInt

Vikasdeep Singh Over a year ago

What's your expected output?

Hermes Over a year ago

Your answer is correct but. $scope.result has more than property. I have written some property. When I use your code some values pushed to $scope.arr. So I think I have to use multi filter for example arr = Object.values(result.reduce((acc, cur) => Object.assign(acc, { [cur.categoryPercent, cur.categoryInt ]: cur }), {}));

Collectives™ on Stack Overflow

Push object to empty array if not exist angularjs

1 Answer 1

5 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

5 Comments

Your Answer

Sign up or log in

Post as a guest

Related