Javascript indexOf en una matriz de objetos

Question

si tiene una matriz como:

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

¿Cómo puedo obtener el índice de, por ejemplo, "azul"?

Answer 1

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

No hay manera "limpia" a menos que desee incluir una biblioteca de terceros. Underscore es bueno para cosas como esta.

Answer 2

Itere la matriz, buscando el valor dentro de cada objeto del elemento. JavaScript sin procesar no le da mucho para trabajar.

Answer 3

No es una matriz multidimensional (o incluso una matriz dentada, que se utiliza en lugar de matrices multidimensionales en Javascript, ya que no existen). Esa es una matriz de objetos.

Puede recorrer los elementos de la matriz:

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

Ahora la variable index contiene el valor 1, con su ejemplo dado.

Answer 4

Supongo que quiere decir en su ejemplo que debe devolver "1"? Aquí es una función para usted ...

<script type='text/javascript'> 
var myArray = [ 
       { 
        'color':'red', 
        'name': 'redName' 
       }, 
       { 
        'color':'blue', 
        'name': 'blueName' 
       }, 
       { 
        'color':'green', 
        'name': 'greenName' 
        }, 
       { 
        'color':'yellow', 
        'name': 'yellowName' 
       }, 
      ]; 
function getIndexOf(a,v) { 
    var l = a.length; 
    for (var k=0;k<l;k++) { 
    if (a[k].color==v) { 
     return k; 
     } 
    }      
    return false; 
} 

alert (getIndexOf(myArray,'blue')); 
</script> 

Answer 5

Por ejemplo así:

DEMO

Array.prototype.objIndexOf = function(val) { 
    var cnt =-1; 
    for (var i=0, n=this.length;i<n;i++) { 
     cnt++; 
     for(var o in this[i]) { 
     if (this[i].hasOwnProperty(o) && this[i][o]==val) return cnt; 
     } 
    } 
    return -1; 
} 
var myArray = [ 
       { 
        'color':'red', 
        'name': 'redName' 
       }, 
       { 
        'color':'blue', 
        'name': 'blueName' 
       }, 
       { 
        'color':'green', 
        'name': 'greenName' 
        }, 
       { 
        'color':'yellow', 
        'name': 'yellowName' 
       }, 
      ]; 
    alert(myArray.objIndexOf('blue')) 

Answer 6

Si ya está utilizando ECMAScript 5 en su código que puede utilizar lo siguiente:

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

Tenga en cuenta que el apoyo a éstas funciones es bastante limitado (no funcionan en Internet Explorer 8).

Además, si usted está en el futuro, y está usando ES6 se puede hacer eso:

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

Ese es el mismo que el anterior, pero más pequeño.

Answer 7

Sé que esto es muy antiguo, pero es6 Javascript un método increíble Array.prototype.findIndex(), por lo que sólo podía hacer:

let index = myArray.findIndex((item) => item.color === 'blue'); 
// value of index will be "1" 

Answer 8

Puede utilizar .findIndex() method

En su caso

var findeMe = "blue"; 
myArray.findIndex(function(row){ 
return row.color == findMe; 
}); 

Espero que ayude