본문 바로가기
javascript&jquery/javascript

<javascript> 2. 배열(array) : concat(), slice(), splice(), push(), pop(), unshift(), shift(), indexOf()

by 써-뇽 2024. 4. 24.

오늘은 앞서 올렸던 자바스크립트 배열에 관한 추가적인 메소드들이다.

concat : 배열에 두 개 이상의 요소 결합 또는 다른 배열의 결합
slice : 배열의 특정 범위 요소 선택하여 배열 재생성
splice : 배열의 요소 추가 및 제거
push/pop : 배열의 마지막 위치에 데이터 추가/제거
unshift/shift : 배열의 처음 위치에 데이터 추가/제거
indexOf/lastindexOf : 배열에서 찾는 요소의 인덱스 위치 반환

1. concat( ) : 지정된 배열에 데이터 결합 또는 다른 배열의 결합
- 배열.concat('데이터1','데이터2', ...) 또는 배열.concat(배열1,배열2,...) 등 으로 사용
2. slice( ) : 배열의 특정 범위 요소 선택하여 배열 재생성
-slice(a,b) = a이상 b미만(배열의 a번째 인덱스부터 b번째 인덱스전까지 해당하는 데이터 추출하여 배열로 반환)
-slice(0,1,2,3,4,5) = slice(-5,-4,-3,-2,-1) : 양수의 경우 배열의 처음 인덱스 0으로 인식하나 음수의 경우 배열의 마지막 인덱스를 -1로 인식
2. splice(a,b,c) : 배열의 요소 추가 및 제거 
- a : 제거 대상의 인덱스 시작 위치 
- b : 제거할 요소의 갯수
- c : 추가할 요소의 데이터
4. push/pop : 배열의 마지막 위치에 데이터 추가/제거
1) push( ) : 배열의 마지막 위치에 데이터 추가 및 추가된 데이터 길이값 반환
2) pop( ) : 배열의 마지막 위치에 데이터 삭제 및 삭제한 데이터 반환
5. unshift/shift : 배열의 시작 위치 데이터 추가/제거
1) unshift( ) : 배열의 시작 위치 데이터 추가 및 추가된 데이터 길이값 반환
2) shift( ) : 배열의 시작 위치 데이터 삭제 및 삭제한 데이터 반환
6. indexOf() : 배열에서 찾는 요소의 인덱스 위치 반환
1) indexOf( ) : 배열의 시작 위치에서 부터 찾는 요소의 인덱스 위치값 반환
2) lastIndexOf( ) : 배열의 마지막 위치에서 부터 찾는 요소의 인덱스 위치값 반환

map, filter 등의 메소드도 기록하고 싶은데 하루는 왜이렇게나 짧은지....
javascript 정복해봅시다!🔥 갈길이 멀다!🔥