Trouver un objet par son identifiant dans un tableau d'objets JavaScript

Question

J'ai un tableau :

myArray = [{'id':'73','foo':'bar'},{'id':'45','foo':'bar'}, etc.]

Je ne parviens pas à modifier la structure du tableau. On me passe un id de 45 et je veux obtenir 'bar' pour cet objet dans le tableau.

Comment puis-je faire cela en JavaScript ou en utilisant jQuery ?

Answer 1

Comme vous utilisez déjà jQuery, vous pouvez utiliser la fonction grep qui est destinée à la recherche dans un tableau :

var result = $.grep(myArray, function(e){ return e.id == id; });

Le résultat est un tableau contenant les éléments trouvés. Si vous savez que l'objet est toujours là et qu'il n'apparaît qu'une seule fois, vous pouvez simplement utiliser result[0].foo pour obtenir la valeur. Sinon, vous devez vérifier la longueur du tableau résultant. Exemple :

if (result.length === 0) {
  // no result found
} else if (result.length === 1) {
  // property found, access the foo property using result[0].foo
} else {
  // multiple items found
}

Answer 2

Une autre solution consiste à créer un objet de consultation :

var lookup = {};
for (var i = 0, len = array.length; i < len; i++) {
    lookup[array[i].id] = array[i];
}

... now you can use lookup[id]...

Ceci est particulièrement intéressant si vous devez effectuer de nombreuses recherches.

Cela ne nécessitera pas beaucoup plus de mémoire puisque les identifiants et les objets seront partagés.

Answer 3

Underscore.js a une bonne méthode pour cela :

myArray = [{'id':'73','foo':'bar'},{'id':'45','foo':'bar'},etc.]
obj = _.find(myArray, function(obj) { return obj.id == '45' })

Answer 4

Je pense que la méthode la plus simple serait la suivante, mais elle ne fonctionnera pas sur Internet Explorer 8 (ou antérieur) :

var result = myArray.filter(function(v) {
    return v.id === '45'; // Filter out the appropriate one
})[0].foo; // Get result and access the foo property

Answer 5

Essayez ce qui suit

function findById(source, id) {
  for (var i = 0; i < source.length; i++) {
    if (source[i].id === id) {
      return source[i];
    }
  }
  throw "Couldn't find object with id: " + id;
}