Comment obtenir l'index d'un objet par sa propriété en JavaScript ?

Question

Par exemple, j'ai :

var Data = [
  { id_list: 1, name: 'Nick', token: '312312' },
  { id_list: 2, name: 'John', token: '123123' },
]

Alors, je veux trier/renverser cet objet par name par exemple. Et puis je veux obtenir quelque chose comme ça :

var Data = [
  { id_list: 2, name: 'John', token: '123123' },
  { id_list: 1, name: 'Nick', token: '312312' },
]

Et maintenant je veux connaître l'index de l'objet avec la propriété name='John' pour obtenir la valeur du jeton de propriété.

Comment puis-je résoudre le problème ?

Answer 1

Puisqu'il a déjà été répondu à la question du tri. Je vais juste proposer une autre façon élégante d'obtenir l'indexOf d'une propriété dans votre tableau

Votre exemple est :

var Data = [
    {id_list:1, name:'Nick', token:'312312'},
    {id_list:2, name:'John', token:'123123'}
]

Vous pouvez le faire :

var index = Data.map(function(e) { return e.name; }).indexOf('Nick');

Array.prototype.map n'est pas disponible sur Internet Explorer 7 ou Internet Explorer 8. Compatibilité ES5

Et le voici avec ES6 et la syntaxe des flèches, qui est encore plus simple :

const index = Data.map(e => e.name).indexOf('Nick');

Answer 2

Si l'utilisation de l'ES6 vous convient, les tableaux disposent désormais de la fonction findIndex fonction. Ce qui signifie que vous pouvez faire quelque chose comme ça :

const index = Data.findIndex(item => item.name === 'John');

Answer 3

Comme les autres réponses le suggèrent, boucler dans le tableau est probablement la meilleure solution. Mais je la placerais dans sa propre fonction, et la rendrait un peu plus abstraite :

function findWithAttr(array, attr, value) {
    for(var i = 0; i < array.length; i += 1) {
        if(array[i][attr] === value) {
            return i;
        }
    }
    return -1;
}

var Data = [
    {id_list: 2, name: 'John', token: '123123'},
    {id_list: 1, name: 'Nick', token: '312312'}
];

Ainsi, vous pouvez non seulement trouver celui qui contient "John", mais aussi celui qui contient le jeton "312312" :

findWithAttr(Data, 'name', 'John'); // returns 0
findWithAttr(Data, 'token', '312312'); // returns 1
findWithAttr(Data, 'id_list', '10'); // returns -1

La fonction renvoie -1 si elle n'est pas trouvée, elle suit donc la même construction que la fonction Array.prototype.indexOf() .

Answer 4

Si vous avez des problèmes avec Internet Explorer, vous pouvez utiliser la fonction map() qui est prise en charge à partir de 9.0 à l'avenir :

var index = Data.map(item => item.name).indexOf("Nick");

Answer 5

var index = Data.findIndex(item => item.name == "John")

Ce qui est une version simplifiée de :

var index = Data.findIndex(function(item){ return item.name == "John"})

Desde mozilla.org :

La méthode findIndex() renvoie l'indice du premier élément du tableau qui satisfait à la fonction de test fournie. Sinon, -1 est renvoyé.