[TIL] JavaScript | Array의 method 정리

dosilv·2021년 4월 16일

🎲 목표: 파이썬 List와 비슷한 듯 다른 Array... 배열 처리에 유용한 메서드를 정리해 보자~~~

🖍 concat(배열)

두 개 이상의 배열을 이어붙이는 함수 (인자로 여러 개의 배열을 받을 수도 있음)

🖍 indexOf(요소[, 시작 인덱스])

배열에서 지정된 요소의 인덱스(여러 개일 경우 첫 번째 인덱스)를 리턴하는 메서드

해당 요소가 존재하지 않을 경우 -1 리턴

시작 인덱스를 지정하면 해당 인덱스부터 검색 시작

🖍 includes(요소[, 시작 인덱스])

배열에 해당 요소가 존재하는지 판별하는 메서드

true/false 반환

🖍 join([string])

배열을 이어서 string으로 만드는 메서드

string(선택): 있을 경우 요소 사이사이에 해당 string을 삽입해서 연결하고, 없을 경우 ','로 연결됨

요소 사이에 아예 아무것도 없도록 하고 싶으면 인자로 ''을 주어야 함

🖍 reverse()

배열의 순서를 거꾸로 바꾸는 메서드

바뀐 배열을 리턴하고, 원본 배열 또한 변경됨!

🖍 slice(시작 인덱스[, 끝 인덱스])

배열 중 일부를 추출하는 메서드

시작 인덱스의 요소 포함, 끝 인덱스 요소 미포함

시작 인덱스, 끝 인덱스가 음수일 경우 배열 끝에서부터의 길이를 나타냄

추출한 요소들을 리턴함

원본 배열은 변경되지 않음!

🖍 splice(시작 인덱스[, 삭제할 요소의 개수[, 대체할 요소들]])

배열의 기존 요소를 삭제하거나, 삭제 후 다른 요소로 교체하는 메서드

시작 인덱스

삭제할 요소의 개수(선택): 없을 경우 시작 지점 이후로 전체 삭제

대체할 요소들(선택): 없을 경우 제거만 수행

제거한 요소를 담은 배열을 리턴함

원본 배열 자체가 변경됨!

🖍 find(판별함수)

주어진 판별함수를 만족하는 첫 번째 요소의 값 리턴

만족하는 요소가 없을 경우 undefined 리턴

🖍 findIndex(판별함수)

주어진 판별함수를 만족하는 첫 번째 요소의 인덱스 리턴

만족하는 요소가 없을 경우 -1 리턴

🖍 some(판별함수)

주어진 판별함수를 만족하는 요소가 하나라도 있으면 true, 없으면 false 리턴

🖍 every(판별함수)

주어진 판별함수를 모든 요소가 만족하면 true, 아닐 경우 false 리턴

🖍 reduce(콜백함수[, 초기값])

콜백함수는 4개의 파라미터를 설정할 수 있고, (누적값, 현재값, 인덱스, 요소) => {리턴값}의 형태

초기값이 없을 경우 인덱스 0의 값부터 시작

누적 덧셈뿐만 아니라 콜백함수 내에서 배열에 값들을 push 하고 배열을 return해서 map, filter처럼 사용할 수도 있음!