Obtenez de l'indice de tableau d'objets via jquery

J'ai le tableau suivant:

var = array[
            {"id" : "aa", "description" : "some description"},
            {"id" : "bb", "description" : "some more description"},
            {"id" : "cc", "description" : "a lot of description"}]

et j'essaye de trouver l'indice de la matrice qui contient les id === "bb". La solution que j'ai trouvé est la suivante:

var i = 0;
while(array[i].id != "bb"){
   i++;
}
alert(i) //returns 1

Est-il un moyen plus facile qu'a la croix-des fonctionnalités du navigateur? J'ai essayé $.inArray(id,array) mais ça ne fonctionne pas.

Plus facile? Quelle est la part de qui ne l'est pas déjà facile? (si vous devez ajouter un peu de validation pour que le code existe)
Je sais que j'ai juste pense que je dois éviter les boucles autant que possible 😉 Alors j'ai pensé que peut-être il ya un chemin.... Bon point avec la validation. Un simple try/catch devrait faire l'affaire, non?
Pas besoin de try/catch. Il suffit d'utiliser un for boucle au lieu de while et l'utilisation -1 comme le résultat si aucun n'est trouvé - qui semble être commun. Je vais vous faire une réponse je pense

InformationsquelleAutor FLuttenb | 2013-10-01

5

Je ne vois pas de problème avec la complexité de votre code, mais je vous recommande un couple de modifications, y compris l'ajout de la validation de certains dans le cas où la valeur n'existe pas. En plus, vous pouvez l'envelopper le tout dans une réutilisables fonction d'assistance...
```
function getArrayIndexForKey(arr, key, val){
    for(var i = 0; i < arr.length; i++){
        if(arr[i][key] == val)
            return i;
    }
    return -1;
}
```
Cela peut ensuite être utilisé dans votre exemple comme ceci:
```
var index = getArrayIndexForKey(array, "id", "bb");
//index will be -1 if the "bb" is not found
```
Voici un exemple de travail

REMARQUE: il doit être de la croix-navigateur compatible, et seront également susceptibles d'être plus rapide que n'importe quel JQuery alternative.
- C'est buggé lors de l'actualisation du navigateur. Besoin de rafraîchir deux fois pour obtenir des mises à jour véritable indice
InformationsquelleAutor musefan

var myArray = [your array];
var i = 0;

$.each(myArray, function(){
    if (this.id === 'bb') return false;
    i++;
})

console.log(i) //will log '1'

Mise à jour moderne avec JS.

let index
myArray.map(function(item, i){
    if (item.id === 'cc') index = i
})

console.log(index) //will log '2'

InformationsquelleAutor Labu

inArray ne peut pas travailler avec un tableau multidimensionnel essayez donc comme suit

var globalarray= [
            {"id" : "aa", "description" : "some description1"},
            {"id" : "bb", "description" : "some more description"},
            {"id" : "cc", "description" : "a lot of description"}];
var theIndex = -1;
for (var i = 0; i < globalarray.length; i++) {
    if (globalarray[i].id == 'bb') {
        theIndex = i;
        break;
    }
}
alert(theIndex);

Démo

InformationsquelleAutor Thirumalai murugan

Vous pouvez utiliser jQuery.chaque - http://api.jquery.com/jQuery.each/

var i;
jQuery.each(array, function(index, value){
   if(value.id == 'bb'){
      i = index;
      return false; //retrun false to stop the loops
   }
});

InformationsquelleAutor Chokchai

0
```
Object.keys(yourObject).indexOf(yourValue);
```
- S'il vous plaît ajouter une explication de sorte que l'OP ne comprend pas pourquoi ce code résout son problème.
InformationsquelleAutor Andrii Skreka

Vous devez vous connecter pour publier un commentaire.