본문 바로가기
javascript

배열에서 원하는 객체 찾기

by hjcode 2020. 9. 10.

find() 메서드를 이용해 배열안에 원하는 객체를 찾습니다.

find()는 일치하는 첫번째 요소만 반환해줍니다.

 

const arr = [{
    a: 1,
    b: 2
  },
  {
    a: 3,
    b: 4
  },
  {
    a: 5,
    b: 6
  },
  {
    a: 7,
    b: 8
  }
];

const result = arr.find(obj => {
  return obj.b === 6; // { a: 5, b: 6 }
});

 

원하는 값을 가진 모든 객체를 반환하려면 filter()를 이용하면 됩니다.
filter()는 새 배열을 만들어 리턴해줍니다.

 

const arr = [
  {
    name: 'string 1',
    value: '1,2'
  },
  {
    name: 'string 2',
    value: '2'
  },
  {
    name: 'string 2',
    value: '2,3'
  },
  {
    name: 'string 2',
    value: '4,5'
  },
  {
    name: 'string 2',
    value: '4'
  },
];

const result = arr.filter(item => item.value.indexOf('4') !== -1);

 

반응형

'javascript' 카테고리의 다른 글

옵셔널 체이닝(optional chaining) ?.  (0) 2020.12.08
javascript 클립보드 복사  (0) 2020.09.23
Array의 메서드 some, every  (0) 2020.08.24
객체 복사 참조하지 않게 하기  (0) 2020.07.23
파일명 자르기  (0) 2020.07.13