자바스크립트 다지기 - 배열메소드 (array method)

Janny·2023년 4월 4일
0

헷갈리는 개념 정리

목록 보기
10/17
post-custom-banner

기본

push(): 뒤에 삽입
pop(): 뒤에 삭제
unshift(): 앞에 삽입
shift(): 앞에 삭제

중급

arr.splice(n, m): 특정요소 지움 (n부터 m개를 지운다)
arr.splice(n, m, x): 특정 요소 지우고 추가 (x 추가)
이 때, m에 0을 넣으면 지우지 않고 추가만 가능하다.
arr.splice(): 삭제된 요소 반환
arr.slice(n, m): n부터 m까지 반환 (m앞에 까지)
arr.slice(): 배열 복사가 된다.
arr.concat(arr2, arr3...): 합쳐서 새 배열 반환
arr.forEach(fn): 배열 반복(순회)

forEach((item, index, arr) => {
...
});

arr.indexOf/arr.lastIndexOf: 발견하면 해당 요소의 인덱스 반환, 없으면 -1 반환 / last는 끝에서부터 탐색한다
arr.includes(): 포함하는 지 확인 (boolean)
arr.find(fn)/arr.findIndex(fn): : 첫번째 true 값만 반환하고 끝남, 없으면 undefined 반환 / 해당 index 반환, 없으면 -1 반환
arr.filter(fn): 만족하는 모든 요소를 배열로 반환
arr.reverse(): 역순으로 재정렬
arr.map(fn): 함수를 받아 특정 기능을 시행 ➡️ 새로운 배열을 반환
arr.join(): 배열을 합쳐서 문자열을 만듬 (()는 기준)
arr.split(): 문자열을 나눠서 배열을 만듬 (()는 기준)
Array.isArray(): 배열인지 아닌지

arr.sort(): 배열 재정렬, 배열 자체가 변경되니 주의해야 함.
인수로 정렬 로직을 담은 함수를 받음

cf) Lodash 라이브러리: _.sortBy(arr) 숫자든, 문자든, 객체든 원하는 기준으로 정렬 해준다.

arr.reduce(): 인수로 함수를 받음.

arr.reduce(function(누적 계산값, 현재값) => {
	return 계산 값}, 초기값);

cf) arr.reduceRight(): 리듀스와 기능은 동일, 배열의 끝에서부터 시작한다는 차이점만 있음.

profile
🐣병아리 개발자의 기록을 위한 공간
post-custom-banner

0개의 댓글