find()방법을 사용하십시오 :

myArray.find(x => x.id === '45').foo;

에서 MDN :

find()있어서, 상기 어레이의 제 1 값을 반환 배열에 만족하는 요소가 제공하는 기능을 테스트하는 경우. 그렇지 않으면 undefined반환됩니다.

대신 인덱스 를 찾으려면 다음을 사용하십시오 findIndex().

myArray.findIndex(x => x.id === '45');

에서 MDN :

이 findIndex()메소드는 제공된 테스트 기능을 만족하는 배열에서 첫 번째 요소의 색인을 리턴합니다. 그렇지 않으면 -1이 반환됩니다.

일치하는 요소의 배열을 얻으려면 filter()대신 메소드를 사용하십시오 .

myArray.filter(x => x.id === '45');

이것은 객체의 배열을 반환합니다. foo속성 배열을 얻으려면 다음 map()방법 으로이 작업을 수행 할 수 있습니다 .

myArray.filter(x => x.id === '45').map(x => x.foo);

참고 사항 : find()또는 filter()과 같은 메소드 및 화살표 기능 은 IE와 같은 구형 브라우저에서 지원되지 않으므로 이러한 브라우저를 지원하려면 Babel ( polyfill 포함 )을 사용하여 코드를 변환해야합니다 .

답변

var result = $.grep(myArray, function(e){ return e.id == id; });

if (result.length === 0) {
  // no result found
} else if (result.length === 1) {
  // property found, access the foo property using result[0].foo
} else {
  // multiple items found
}

var lookup = {};
for (var i = 0, len = array.length; i < len; i++) {
    lookup[array[i].id] = array[i];
}

... now you can use lookup[id]...

var myArray = [
 {id:1, name:"bob"},
 {id:2, name:"dan"},
 {id:3, name:"barb"},
]

// grab the Array item which matchs the id "2"
var item = myArray.find(item => item.id === 2);

// print
console.log(item.name);

myArray = [{'id':'73','foo':'bar'},{'id':'45','foo':'bar'},etc.]
obj = _.find(myArray, function(obj) { return obj.id == '45' })

var result = myArray.filter(function(v) {
    return v.id === '45'; // Filter out the appropriate one
})[0].foo; // Get result and access the foo property

function findById(source, id) {
  for (var i = 0; i < source.length; i++) {
    if (source[i].id === id) {
      return source[i];
    }
  }
  throw "Couldn't find object with id: " + id;
}