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

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.

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

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

Comments

1 Comment

Comments

Related