Filter an object based on data in angular js

Question

I have a data object like this :

$scope.data =  [
      {
        "name": "1001",
        "queue": [
          {
            "number": "111",
          }
        ]
      },
      {
        "name": "1002",
        "queue": [

        ]
      },
      {
        "name": "1008",
        "queue": [
          {
            "number": "222",
          }
        ]
      }]

I'm using angular js. I have first declared 3 arrays:

$scope.a = [];
$scope.b = [];
$scope.c = [];

The desired output that I want :

If I do console.log($scope.a); then the output should be :

{
    "name": "1001",
    "queue": [
      {
        "number": "111",
      }
    ]
  }

If I do console.log($scope.b); then the output should be :

{
    "name": "1008",
    "queue": [
      {
        "number": "222",
      }
    ]
  }

If I do console.log($scope.c); then the output should be :

{
    "name": "1002",
    "queue": [

    ]
  }

I want to go through the data and push the objects where the queue number is 111 into $scope.a, push the objects where the queue number is 222 into $scope.b and push the objects where the queue array is empty into $scope.c. I'm not able to figure how to filter this object by checking the values from the queue array. How do I do it in AngularJS?

There's no output. I want to filter the data based on the queue number and store it into the different arrays accordingly — node_man
– node_man, Commented Nov 15, 2018 at 7:59
As per the JSON in your question, can you show what is needed inside $scope.a, $scope.b and $scope.c? — Harshith Rai
– Harshith Rai, Commented Nov 15, 2018 at 8:05

Harshith Rai · Accepted Answer · 2018-11-15 08:26:38Z

2

It is quite simple to solve this problem @Navin. Just loop through the array of objects checking the queue number within each object. As and when you encounter a right match, insert into the corresponding array.

I have attached the working snippet below.

var data = [{
    "name": "1001",
    "queue": [{
      "number": "111",
    }]
  },
  {
    "name": "1002",
    "queue": [

    ]
  },
  {
    "name": "1008",
    "queue": [{
      "number": "222",
    }]
  }
];
var a = [];
var b = [];
var c = [];
for (i = 0; i < data.length; i++) {
  if (data[i].queue.length != 0) {
    for (j = 0; j < data[i].queue.length; j++) {
      if (data[i].queue[j].number == 111) {

        a.push(data[i]);
      } else if (data[i].queue[j].number == 222) {
        b.push(data[i]);
      }
    }
  } else {
    c.push(data[i]);
  }
}
a = JSON.stringify(a);
b = JSON.stringify(b);
c = JSON.stringify(c);
console.log(a + "\n" + b + "\n" + c);

answered Nov 15, 2018 at 8:26

Harshith Rai

3,1067 gold badges25 silver badges37 bronze badges

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

1 Comment

node_man Over a year ago

can you help me with this

Harshith Rai · Accepted Answer · 2018-11-15 08:15:42Z

0

do it through a for loop , as $scope.data is an object array for eg.

for(i=0;i<=$scope.data.length ;i++){
   if($scope.data[i].queue.length != 0){
       for(j=0;j<=$scope.data[i].queue.length;j++){
         if($scope.data[i].queue[j].number == 111){
               $scope.a.push =$scope.data[i]
           }else if($scope.data[i].queue[j].number == 222){
                      $scope.b.push =$scope.data[i]    
                   }
        }
    }else{
             $scope.c.push = $scope.data[i]
           }
 }

I hope this may help you.

edited Nov 15, 2018 at 8:15

Harshith Rai

3,1067 gold badges25 silver badges37 bronze badges

answered Nov 15, 2018 at 8:07

Mysterious_Anny

791 silver badge4 bronze badges

1 Comment

Harshith Rai Over a year ago

Hey Anny, you've got the logic correct here in your answer. But there's a mistake in how you push the data into the array. The correct way to push is by placing the part that is to be pushed inside parenthesis (). Check my answer. Your logic is right though.

Collectives™ on Stack Overflow

Filter an object based on data in angular js

2 Answers 2

1 Comment

1 Comment

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

1 Comment

1 Comment

Your Answer

Sign up or log in

Post as a guest

Linked

Related