Comment trouver une valeur dans un tableau d'objets en JavaScript?

J'ai un tableau d'objets:

Object = {
   1 : { name : bob , dinner : pizza },
   2 : { name : john , dinner : sushi },
   3 : { name : larry, dinner : hummus }
}

Je veux pouvoir rechercher dans l'objet / tableau où la clé est «dîner», et voir si cela correspond à «sushi».

Je sais que jQuery a $ .inArray, mais il ne semble pas fonctionner sur des tableaux d'objets. Ou peut-être que je me trompe. indexOf semble également ne fonctionner que sur un seul niveau de tableau.

N'y a-t-il pas de fonction ou de code existant pour cela?

Si vous avez un tableau tel que

var people = [
  { "name": "bob", "dinner": "pizza" },
  { "name": "john", "dinner": "sushi" },
  { "name": "larry", "dinner": "hummus" }
];

Vous pouvez utiliser la filterméthode d'un objet Array:

people.filter(function (person) { return person.dinner == "sushi" });
  // => [{ "name": "john", "dinner": "sushi" }]

Dans les nouvelles implémentations JavaScript, vous pouvez utiliser une expression de fonction:

people.filter(p => p.dinner == "sushi")
  // => [{ "name": "john", "dinner": "sushi" }]

Vous pouvez rechercher des personnes qui "dinner": "sushi"utilisent unmap

people.map(function (person) {
  if (person.dinner == "sushi") {
    return person
  } else {
    return null
  }
}); // => [null, { "name": "john", "dinner": "sushi" }, null]

ou un reduce

people.reduce(function (sushiPeople, person) {
  if (person.dinner == "sushi") {
    return sushiPeople.concat(person);
  } else {
    return sushiPeople
  }
}, []); // => [{ "name": "john", "dinner": "sushi" }]

Je suis sûr que vous êtes en mesure de généraliser cela à des clés et des valeurs arbitraires!

jQuery a une méthode intégrée jQuery.grepqui fonctionne de manière similaire à la filterfonction ES5 de la réponse de @ adamse et devrait fonctionner correctement sur les navigateurs plus anciens.

En utilisant l'exemple d'Adamse:

var peoples = [
  { "name": "bob", "dinner": "pizza" },
  { "name": "john", "dinner": "sushi" },
  { "name": "larry", "dinner": "hummus" }
];

vous pouvez faire ce qui suit

jQuery.grep(peoples, function (person) { return person.dinner == "sushi" });
  // => [{ "name": "john", "dinner": "sushi" }]

var getKeyByDinner = function(obj, dinner) {
    var returnKey = -1;

    $.each(obj, function(key, info) {
        if (info.dinner == dinner) {
           returnKey = key;
           return false; 
        };   
    });

    return returnKey;       

}

jsFiddle .

Tant que ce -1n'est jamais une clé valide.

Si vous allez effectuer cette recherche fréquemment, pensez à changer le format de votre objet afin que le dîner soit réellement une clé. C'est un peu comme l'attribution d'une clé de cluster primaire dans une table de base de données. Ainsi, par exemple:

Obj = { 'pizza' : { 'name' : 'bob' }, 'sushi' : { 'name' : 'john' } }

Vous pouvez maintenant y accéder facilement comme ceci: Object['sushi']['name']

Ou si l'objet est vraiment aussi simple (juste 'nom' dans l'objet), vous pouvez simplement le changer en:

Obj = { 'pizza' : 'bob', 'sushi' : 'john' }

Et accéder ensuite comme: Object['sushi'].

Il n'est évidemment pas toujours possible ou à votre avantage de restructurer votre objet de données comme celui-ci, mais le fait est que la meilleure réponse est parfois de déterminer si votre objet de données est structuré de la meilleure façon. Créer une clé comme celle-ci peut être plus rapide et créer un code plus propre.

Vous pouvez trouver l'objet dans un tableau avec la bibliothèque Alasql :

var data = [ { name : "bob" , dinner : "pizza" }, { name : "john" , dinner : "sushi" },
     { name : "larry", dinner : "hummus" } ];

var res = alasql('SELECT * FROM ? WHERE dinner="sushi"',[data]);

Essayez cet exemple dans jsFiddle .

Vous pouvez utiliser une simple boucle for in:

for (prop in Obj){
    if (Obj[prop]['dinner'] === 'sushi'){

        // Do stuff with found object. E.g. put it into an array:
        arrFoo.push(Obj[prop]);
    }
}

L'exemple de violon suivant place tous les objets qui contiennent dinner:sushidans un tableau:

https://jsfiddle.net/3asvkLn6/1/

Il y a déjà beaucoup de bonnes réponses ici alors pourquoi pas une de plus, utilisez une bibliothèque comme lodash ou underscore :)

obj = {
   1 : { name : 'bob' , dinner : 'pizza' },
   2 : { name : 'john' , dinner : 'sushi' },
   3 : { name : 'larry', dinner : 'hummus' }
}

_.where(obj, {dinner: 'pizza'})
>> [{"name":"bob","dinner":"pizza"}]

J'ai dû rechercher une structure de plan de site imbriquée pour le premier élément feuille qui trace un chemin donné. Je suis venu avec le code suivant en utilisant simplement .map() .filter()et .reduce. Renvoie le dernier élément trouvé qui correspond au chemin /c.

var sitemap = {
  nodes: [
    {
      items: [{ path: "/a" }, { path: "/b" }]
    },
    {
      items: [{ path: "/c" }, { path: "/d" }]
    },
    {
      items: [{ path: "/c" }, { path: "/d" }]
    }
  ]
};

const item = sitemap.nodes
  .map(n => n.items.filter(i => i.path === "/c"))
  .reduce((last, now) => last.concat(now))
  .reduce((last, now) => now);

J'essaierais de ne pas réinventer la roue. Nous utilisons l' analyse d' objets pour tous nos besoins en matière de traitement de données. C'est conceptuellement très simple, mais permet beaucoup de choses intéressantes. Voici comment vous résoudriez votre question spécifique

Définition des données

const data = {
   1 : { name : 'bob' , dinner : 'pizza' },
   2 : { name : 'john' , dinner : 'sushi' },
   3 : { name : 'larry', dinner : 'hummus' }
};

Logique

const objectScan = require('object-scan');

const scanner = (input) => {
  let obj = null;
  objectScan(['*.dinner'], {
    filterFn: (key, value, { parents }) => {
      if (value === 'sushi') {
        obj = parents[0];
      }
    },
    breakFn: () => obj !== null
  })(data);
  return obj;
};

const result = scanner(data);

Production

// => result
{
  "name": "john",
  "dinner": "sushi"
}

Si vous voulez trouver un objet spécifique via la fonction de recherche, essayez simplement quelque chose comme ceci:

    function findArray(value){

        let countLayer = dataLayer.length;
        for(var x = 0 ; x < countLayer ; x++){

            if(dataLayer[x].user){
                let newArr = dataLayer[x].user;
                let data = newArr[value];
                return data;
            }

        }

        return null;

    }

    findArray("id");

Ceci est un exemple d'objet:

layerObj = {
    0: { gtm.start :1232542, event: "gtm.js"},
    1: { event: "gtm.dom", gtm.uniqueEventId: 52},
    2: { visitor id: "abcdef2345"},
    3: { user: { id: "29857239", verified: "Null", user_profile: "Personal", billing_subscription: "True", partners_user: "adobe"}
}

Le code va itérer et trouver le tableau "user" et cherchera l'objet que vous recherchez à l'intérieur.

Mon problème était lorsque l'index du tableau a changé chaque actualisation de la fenêtre et qu'il était dans le troisième ou le deuxième tableau, mais cela n'a pas d'importance.

A fonctionné à merveille pour moi!

Dans votre exemple, c'est un peu plus court:

function findArray(value){

    let countLayer = Object.length;
    for(var x = 0 ; x < countLayer ; x++){

        if(Object[x].dinner === value){
            return Object[x];
        }

    }

    return null;

}

findArray('sushi');