[JavaScript] splice 배열 데이터 추가/제거/교체/추출

윤후·2022년 5월 25일
0

JavaScript

목록 보기
3/21

Array.prototype.splice() 메서드는 배열의 기존 요소를 삭제 또는 교체, 추가하여 배열의 내용을 변경한다.
push/pop/unshift/shift 역할을 다 할 수 있다고 생각하면 되겠다.

배열 요소 추가하기

let num =[1,2,3,4];

// 배열 4번째 위치한 곳에 숫자 5를 추가한다.
num.splice(4,0,5) // [1,2,3,4,5]

// 배열 4번째 위치한 곳에 숫자 5,6을 추가한다.
num.splice(4,0,5,6) // [1,2,3,4,5,6]

배열 요소 제거하기

let num =[1,2,3,4];

// 배열 3번째 부터 1개를 제거한다.
num.splice(3,1) // [1,2,3]

// 배열 1번째 부터 2개를 제거한다.
num.splice(1,2) // [1,2]

배열 요소 교체하기

let num =[1,2,3,4];

// 배열 3번째 부터 1개를 제거하고 숫자 5를 추가한다.
num.splice(3,1,5) // [1,2,3,5]

// 배열 1번째 부터 2개를 제거하고 숫자 5를 추가한다.
num.splice(1,2,5) // [1,5,4]

배열 요소 추출하기

let num =[1,2,3,4];

// 배열 1번째 부터 1개를 제거한다.
let result = num.splice(1,1) // [2]

// 배열 2번째 부터 2개를 제거한다.
let result = num.splice(2,2) // [3,4]
profile
궁금한걸 찾아보고 공부해 정리해두는 블로그입니다.

0개의 댓글