본문 바로가기
개발일기/TIL

[TIL #1] 배열 속 해당 객체 추출하는 방법

by .LUKA 2022. 9. 17.
728x90

토이 프로젝트를 진행하던 중
보드게임 리스트를 데이터로 받아왔다.

data 배열속 여러 객체들을 확인할 수 있다

나는 이 리스트를 가지고 상세페이지를 만드려고 하던 중!

해당 게임 id를 페이지에서 눌러 받아온 데이터 중 같은 id를 출력해주고 싶었기에

filter를 사용하였다 그랬더니..?

const gameData = game?.filter(v=> gameId === v.id);
console.log(gameData);

gameData

배열을 반환하는 것!!!

gameData[0].name 처럼 사용할 수도 있을 것 같았지만..

이상하게 계속 에러가 나는 것이었다.

 

나는 객체만 반환해 주는 매소드가 필요했다 결과는? find 라는 매소드를 사용하면 되는 것이었다!

사용방법은 filter 와 동일하다.

const gameData = game?.find(v=> gameId === v.id);
console.log(gameData);

이렇게 하니 결과는 짠!

gameData

이렇게 내가 원하는 id값의 게임 객체를 불러올 수 있었다.

728x90