json array поиск в javascript

Question

Я имею дело с массивом json и выполнением поиска на нем. Код выглядит нормально, но не дает выход. Это мой код

var restaurants = [ 
     {"restaurant" : { "name" : "McDonald's", "food" : "burger",  "drink" : "coke", "content" : "Lorem ipsum dolor sit amet" }}, 
     {"restaurant" : { "name" : "KFC", "food" : "chicken", "drink" : "pepsi", "content" : "Lorem ipsum dolor sit amet" }}, 
     {"restaurant" : { "name" : "Pizza Hut", "food" : "pizza", "drink" : "sprite", "content" : "Lorem ipsum dolor sit amet" }}, 
     {"restaurant" : { "name" : "Dominos", "food" : "pizza", "drink" : "root beer", "content" : "Lorem ipsum dolor sit amet" }}, 
     {"restaurant" : { "name" : "Popeyes", "food" : "chicken", "drink" : "mist", "content" : "Lorem ipsum dolor sit amet" }} 
     ]; 

И мой метод для поиска

function filter(restaurants, food, drink) { 

var result = []; 

for(var i= 0, len = restaurants.length; i < len; i++) { 
    var el = restaurants.restaurant[i]; 

    if(el.food === food && el.drink === drink) { 
     result.push(el); 
    } 
} 

return result; 
} 

Но в консоли он показывает Uncaught TypeError: Cannot read property 'length' of undefined. Что не так с функцией? Как я могу выполнить полный поиск? Это о функции длины строки?

Answer 1

var el = restaurants.restaurant[i]; 

Вы выбираете элемент [I] из restaurants.restaurant, которая не определена, поскольку restaurants ваш массив и restaurant является объектом, который содержится во всех элементах массива.

Использование

var el = restaurants[i].restaurant; 

При этом он показывает

JSON.stringify(filter(restaurants,"burger","coke")) 
"[{"name":"McDonald's","food":"burger","drink":"coke","content":"Lorem ipsum dolor sit amet"}]" filter(restaurants, "burger","coke") 

Answer 2

Существует ошибка в этой строке

var el = restaurants.restaurant[i]; 

Он должен быть

var el = restaurants[i].restaurant; 

JsBin Example

Я рекомендую использовать lodash для обработки массивов. Это упростит ваш код. JsBin Example with lodash

Answer 3

restaurants - массив, и вы должны получить доступ к его элементу с index не с недвижимостью. Рабочий код:

var restaurants = [ 
     {"restaurant" : { "name" : "McDonald's", "food" : "burger",  "drink" : "coke", "content" : "Lorem ipsum dolor sit amet" }}, 
     {"restaurant" : { "name" : "KFC", "food" : "chicken", "drink" : "pepsi", "content" : "Lorem ipsum dolor sit amet" }}, 
     {"restaurant" : { "name" : "Pizza Hut", "food" : "pizza", "drink" : "sprite", "content" : "Lorem ipsum dolor sit amet" }}, 
     {"restaurant" : { "name" : "Dominos", "food" : "pizza", "drink" : "root beer", "content" : "Lorem ipsum dolor sit amet" }}, 
     {"restaurant" : { "name" : "Popeyes", "food" : "chicken", "drink" : "mist", "content" : "Lorem ipsum dolor sit amet" }} 
     ]; 

function filter(restaurants, food, drink) { 
    var result = []; 
    for(var i= 0, len = restaurants.length; i < len; i++) { 
     var el = restaurants[i].restaurant; // changed here from - var el = restaurants.restaurant[i]; 
     if(el.food === food && el.drink === drink) { 
      result.push(el); 
     } 
    } 
    return result; 
    } 

filter(restaurants,"burger","coke");