it-roy-ru.com

Как найти значение в многомерном объекте/массиве в Javascript?

У меня есть многомерный объект (это в основном массив):

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

Я хочу иметь возможность искать объект/массив, где ключ "ужин", и посмотреть, соответствует ли он "суши".

Я знаю, что у jQuery есть $ .inArray, но он не работает на многомерных массивах. Или, может быть, я ошибаюсь. Также кажется, что indexOf работает только на одном уровне массива.

Для этого нет функции или существующего кода?

79
Questioner

Если у вас есть массив, такой как

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

Вы можете использовать метод filter объекта Array:

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

В новых реализациях JavaScript вы можете использовать выражение функции:

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

Вы можете искать людей, у которых есть "dinner": "sushi", используя map

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

или reduce

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

Я уверен, что вы можете обобщить это на произвольные ключи и значения!

178
adamse

в jQuery есть встроенный метод jQuery.grep , который работает аналогично функции ES5 filter из ответа @ adamse's и отлично работает в старых браузерах.

Используя пример Адамса:

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

вы можете сделать следующее

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

Если вы собираетесь часто выполнять этот поиск, подумайте об изменении формата вашего объекта, чтобы ужин действительно был ключом. Это похоже на назначение первичного кластеризованного ключа в таблице базы данных. Так, например: 

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

Теперь вы можете легко получить к нему доступ, как это: Object['sushi']['name']

Или, если объект действительно такой простой (просто «имя» в объекте), вы можете просто изменить его на:

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

И затем получить к нему доступ, как: Object['sushi'].

Очевидно, что не всегда возможно или в ваших интересах реструктурировать ваш объект данных таким образом, но суть в том, что иногда лучший ответ - подумать, структурирован ли ваш объект данных наилучшим образом. Создание такого ключа может быть быстрее и создавать более чистый код.

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

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

    return returnKey;       

}

jsFiddle .

Пока -1 не является действительным ключом.

8
alex

Вы можете найти объект в массиве с помощью Alasql library:

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

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

Попробуйте этот пример в jsFiddle .

2
agershun

Вы можете использовать простой цикл for:

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]);
    }
}

В следующем примере скрипта все объекты, содержащие dinner:sushi, помещаются в массив:

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

1
Rotareti

Здесь уже есть много хороших ответов, так почему бы не использовать еще одну, например, lodash или 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"}]
1
TomDotTom

Мне пришлось искать во вложенной структуре карты сайта первый элемент листа, который обрабатывает заданный путь. Я придумал следующий код, просто используя .map().filter() и .reduce. Возвращает последний найденный элемент, который соответствует пути /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);

 Edit 4n4904z07

0
Marc