Javascript indexOf on an array of objects

Question

if I have an array like:

var myArray = [                 {                     'color':'red',                     'name': 'redName'                 },                 {                     'color':'blue',                     'name': 'blueName'                 },                 {                     'color':'green',                     'name': 'greenName'                     },                 {                     'color':'yellow',                     'name': 'yellowName'                 },              ]; 

How do I get the index of say, "blue"?

Answer 1

If you're already using ECMAScript 5 in your code you can use that:

myArray     .map(function (element) {return element.color;})     .indexOf('blue'); 

Note that the support to these functions is a quite limited (they don't work on Internet Explorer 8).

Also, if you're in the future, and you're using ES6 you can do that:

myArray.map((el) => el.color).indexOf('blue'); 

That's the same as above, but smaller.

Answer 2

for(var i = 0; i < myArray.length; i++) {    if(myArray[i].color === 'blue') {      return i;    } } 

There's no "clean" way unless you want to involve a third-party library. Underscore is a good one for stuff like this.