Получить соответствующее значение в объекте с идентификатором

Question

У меня есть объект, который выглядит следующим образом:

var cities = { 

     "LA": [ 
     {id:1, description:"This is a test"}, 
     {id:3, description:"This is a third test"}, 
     ], 

     "Chicago": [ 
     {id:2, description:"This is another test"} 
     ], 

     "Vegas": [ 
     {id:4, description:"This is another test"}, 
     {id:5, description:"This is a fifth test"}, 
     {id:6, description:"This is the last test"}, 
     ] 
} 

Учитывая идентификатор я хочу найти соответствующее описание.

Так, например, если бы мне дали id 1 Я хотел бы вернуть this is a test. Если бы мне дали id 5, он вернул бы This is a fifth test

Кто-нибудь знает, как это можно сделать, используя vanilla js, или используя lodash или подчеркивание?

Answer 1

var item = [].concat(...Object.values(cities)).find(o => o.id == 2) 
item && item.description 
// => "This is another test" 

Если вы будете искать несколько различных описаний, как я уже говорил в комментарии, я бы подготовить запрос:

lookup = {} 
Object.values(cities).forEach(a => a.forEach(e => lookup[e.id] = e)) 
lookup[2].description 
// => "This is another test" 
lookup[3].description 
// => "This is a third test" 

(Обратите внимание, что этот ответ использует синтаксис ES6, но его легко преобразовать в ES5, если вам нужна более старая поддержка браузера.)

Answer 2

Здесь используется JQuery

for (var city in cities) { 
    if (cities.hasOwnProperty(city)) { 
    $.each(cities[city] , function(i, item) { 
     if(item.id == 1) { 
      console.log(item.description); 
     } 
    }); 
    } 
} 

Answer 3

объект петля с for in и массив петля с forEach

function findById(d){ 
    var result; 
    for(var k in cities){ 
       cities[k].forEach(function(v){ 
        if(v.id == d) result = v.description; 
       }); 
    } 
    return result; 
} 
console.log(findById(5));