Поиск массива для соответствующего атрибута

Question

У меня есть массив, мне нужно вернуть название ресторана, но я знаю только значение его атрибута "еда" (не его номер индекса).

Например, как я мог вернуть "KFC", если бы я знал только "курицу"?

restaurants = 
  [
    {"restaurant" : { "name" : "McDonald's", "food" : "burger" }},
    {"restaurant" : { "name" : "KFC",        "food" : "chicken" }},
    {"restaurant" : { "name" : "Pizza Hut",  "food" : "pizza" }}
  ];

Answer 1

for(var i = 0; i < restaurants.length; i++)
{
  if(restaurants[i].restaurant.food == 'chicken')
  {
    return restaurants[i].restaurant.name;
  }
}

Answer 2

В этом случае я бы использовал ECMAscript 5 Array.filter. Следующее решение требует array.filter (), который существует не во всех версиях IE.

Прокладки можно найти здесь: MDN Array.filter или ES5-shim

var result = restaurants.filter(function (chain) {
    return chain.restaurant.food === "chicken";
})[0].restaurant.name;

Answer 3

Вы также можете использовать Array.find функцию es6. документ здесь

return restaurants.find(item => {
   return item.restaurant.food == 'chicken'
})

Answer 4

for (x in restaurants) {
    if (restaurants[x].restaurant.food == 'chicken') {
        return restaurants[x].restaurant.name;
    }
}

Answer 5

@ Chap - вы можете использовать эту библиотеку JavaScript, DefiantJS (http://defiantjs.com),), с помощью которой вы можете фильтровать совпадения, используя XPath на структурах JSON. Чтобы поместить его в код JS:

var data = [
   { "restaurant": { "name": "McDonald's", "food": "burger" } },
   { "restaurant": { "name": "KFC",        "food": "chicken" } },
   { "restaurant": { "name": "Pizza Hut",  "food": "pizza" } }
].
res = JSON.search( data, '//*[food="pizza"]' );

console.log( res[0].name );
// Pizza Hut

DefiantJS расширяет глобальный объект методом «поиск» и возвращает массив с совпадениями (пустой массив, если совпадений не найдено). Вы можете попробовать запросы lib и XPath с помощью XPath Evaluator здесь:

http://www.defiantjs.com/#xpath_evaluator

Answer 6

Вы можете использовать ES5 некоторые. Это довольно первое использование обратного вызова

function findRestaurent(foodType) {
    var restaurant;
    restaurants.some(function (r) {
        if (r.food === id) {
            restaurant = r;
            return true;
        }
   });
  return restaurant;
}

Answer 7

Должно быть, уже слишком поздно, но правильная версия будет:

for(var i = 0; i < restaurants.restaurant.length; i++)
{
  if(restaurants.restaurant[i].food == 'chicken')
  {
    return restaurants.restaurant[i].name;
  }
}