Js_배열 메서드 정리

🌿 find

find 메서드는 배열에서 특정 조건을 만족하는 요소를 찾을 때 유용하게 사용합니다.

let arr = [
  {name:"박"},
  {name:"이"},
  {name:"신"}
]

let element = arr.find((it)=> it.name === '이')
console.log(element)

결과값

{ name: '이' }

🌿 filter

배열에서 조건을 만족하는 요소만 모아 새로운 배열로 반환하는 메서드입니다.

let arr = [
  {name: "이", hobby: "게임"},
  {name: "한", hobby: "노래"},
  {name: "김", hobby: "축구"},
]


let filtererdArr = arr.filter((it) => it.hobby === "축구")
console.log(filtererdArr)

결과값

[ { name: '김', hobby: '축구' } ]

🌿 map

배열 각각의 요소에 대한 함수 호출 결과를 모아 새 배열을 만들어 반환하는 메서드입니다.

let arr = [1,2,3,4]

let newArr = arr.map((it)=> it * 3)

console.log(newArr)

결과값

[ 3, 6, 9, 12 ]

🌿 forEach

배열 요소 각각을 순회하면서, 인수로 전달한 콜백 함수가 정의한 대로 요소를 동작 시킵니다.

function cb(item, idx) {
  console.log(`${idx}번째 요소: ${item}`);
}

const arr = [1, 2, 3];
arr.forEach(cb);

결과값

'0번째 요소: 1'
'1번째 요소: 2'
'2번째 요소: 3'