Angular search object array

Question

What is the best way to search a particular parameter of an object array in Angular?

I populate my array from an Angular foreach :

  $scope.arrayiwanttosearch = [];

  angular.forEach(data, function(value, key) {
                        try{
                        var arrstring = new Array();
                        arrstring = value.img.split(',');

                            obj.name = value.name;
                            obj.selectedcolor = arrstring[0];
                            obj.colors = value.img;
                            obj.ischanging = false;
                            $scope.arrayiwanttosearch.push(obj);
                        }
                        catch(ex){
                        }  
                       })

I can only use array.index of when its an array without objects, is there a way to do this without using a for loop? Im trying to find the index of the object that has the obj.name == "test"

Karl Reid · Accepted Answer · 2017-06-16 09:26:53Z

4

Im trying to find the index of the object that has the obj.name == "test"

This is a straight use of findIndex.

var arrayiwanttosearch = [
  {
    name : "nottest"
  },
  {
    name : "test"
  }
];

var index = arrayiwanttosearch.findIndex(obj => obj.name === "test");

console.log(index);

answered Jun 16, 2017 at 9:26

Karl Reid

2,2671 gold badge12 silver badges18 bronze badges

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

Comments

rrd · Accepted Answer · 2017-06-16 09:32:07Z

1

You can use the native javascript 'filter' which will bring back all the matching members of the array, or 'find' which brings back the first one it finds, or 'findIndex';

// This finds the first matching array element with an object property === 2
$scope.arr = [{a:2,b:3}, {a:2,b:4}];
$scope.result = $scope.arr.find((item) => item.a === 2);

// The filter does the same but brings back all matching elements;
$scope.arr = [{a:2,b:3}, {a:2,b:4}];
$scope.result = $scope.arr.filter((item) => item.a === 2);

// The index result;
$scope.arr = [{a:2,b:3}, {a:2,b:4}];
$scope.result = $scope.arr.findIndex((item) => item.a === 2);

ES6 JS notation, but easy to adapt for ES5 JS.

edited Jun 16, 2017 at 9:32

answered Jun 16, 2017 at 9:21

rrd

5,9873 gold badges32 silver badges37 bronze badges

1 Comment

Weedoze Over a year ago

This will returns the object not the index

Vivz · Accepted Answer · 2017-06-16 09:21:19Z

0

You can use Array.prototype to get the index value in an array of objects.

var index = $scope.arrayiwanttosearch.indexOfname("test");

Array.prototype.indexOfname = function(name) {
    for (var i = 0; i < this.length; i++)
        if (this[i].name === name)
            return i;
    return -1;
}

answered Jun 16, 2017 at 9:21

Vivz

6,6282 gold badges19 silver badges34 bronze badges

Collectives™ on Stack Overflow

Angular search object array

3 Answers 3

Comments

1 Comment

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

Comments

1 Comment

Comments

Your Answer

Sign up or log in

Post as a guest

Related