[JS문법 종합 #4] 배열 심화 - 메소드 정리

y1nlog·2025년 1월 2일
1

배열

배열 선언 / 요소 접근

배열 메소드

  • push : 배열에 요소를 추가한다. (제일 마지막 인덱스로)
  • pop : 마지막 요소를 삭제한다.
  • shift : 첫 번째 요소를 삭제한다.
  • unshift : 맨 앞에 요소를 추가한다.
  • splice : 위치를 지정해서 요소를 삭제하고 추가한다.
    (start, deleteCount, add) 구조로 인수를 받는데 start인덱스부터 deleteCount 개수만큼 삭제하고 add를 추가한다.
  • slice : slice(start_idx, end_idx)로 사용하고, 시작 인덱스 위치부터 시작해 end_idx 직전까지의 값을 호출한다.

forEach

Array.forEach(function(){}) 형식으로 forEach()안의 매개변수 자리에 function이 들어간다. 이러한 형태를 콜백함수라고 부름.

forEach는 배열의 각 요소들을 하나씩 순회하는 것으로, function의 params에는 매개변수를 지정해주어야 한다.

array1.forEach((element) => console.log(element));와 같이 사용할 수도 있겠다.

map / filter / find
배열을 활용하는 콜백함수(Callback) 중 return 값을 가진 메소드들. 이러한 경우는 출력값을 담을 변수를 선언해주어야 한다!

map

배열의 각 요소에 대해서 주어진 함수(callback)를 호출, 그 결과로 새로운 배열을 반환한다.

filter

배열의 각 요소에 대해 주어진 조건을 만족하는 요소만 모아 새로운 배열로 반환한다.

find

배열의 각 요소에 대해 주어진 조건을 만족하는 "첫 번째 요소"를 반환한다.

profile
FrontEnd Developer

0개의 댓글