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

collection.findIndex(item => item.value === 'smth') !== -1

Answer 2

Si vous voulez obtenir la valeur du jeton de propriété, vous pouvez également essayer ceci :

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

    let resultingToken =  data[_.findKey(data,['name','John'])].token

donde _.findKey est un Lodash función.

Answer 3

Alternativement à La réponse de German Attanasio Ruiz vous pouvez éliminer la deuxième boucle en utilisant Array.reduce() au lieu de Tableau.map() ;

var Data = [
    { name: 'hypno7oad' }
]
var indexOfTarget = Data.reduce(function (indexOfTarget, element, currentIndex) {
    return (element.name === 'hypno7oad') ? currentIndex : indexOfTarget;
}, -1);

Answer 4

Vous pouvez utiliser findIndex en Lodash bibliothèque.

Ejemplo:

var users = [
{ 'user': 'barney',  'active': false },
{ 'user': 'fred',    'active': false },
{ 'user': 'pebbles', 'active': true }
            ];

_.findIndex(users, function(o) { return o.user == 'barney'; });
// => 0

// The `_.matches` iteratee shorthand.
_.findIndex(users, { 'user': 'fred', 'active': false });
// => 1

// The `_.matchesProperty` iteratee shorthand.
_.findIndex(users, ['active', false]);
// => 0

// The `_.property` iteratee shorthand.
_.findIndex(users, 'active');
// => 2

Answer 5

Utilisation de Underscore.js :

var index = _.indexOf(_.pluck(item , 'name'), 'Nick');