자바스크립트 배열의 요소 삭제하기

pop()

: 배열의 마지막 요소를 삭제하고 삭제된 요소를 반환

: 빈 배열을 삭제하는 경우 undefined를 반환

const arr = ['A', 'B', 'C', 'D']

const result = arr.pop();

console.log(arr);
// ['A', 'B', 'C']

console.log(result);
// 'D'

 

 

 

 

shift()

: 배열의 첫 번째 요소를 삭제하고 삭제된 요소를 반환

: 빈 배열을 삭제하는 경우 undefined를 반환

const arr = ['A', 'B', 'C', 'D']

const result = arr.shift();

console.log(arr);
// ['B', 'C', 'D']

console.log(result);
// 'A'

 

 

 

 

splice()

: 배열 요소의 인덱스에 해당하는 값을 지정한 만큼 삭제

: 배열 요소의 위치 부터 개수 만큼 요소 삭제

: 삭제한 배열의 요소를 담은 배열을 반환

: splice(0) 할 경우 배열의 모든 요소가 삭제

const arr = ['A', 'B', 'C', 'D']

const result = arr.splice(1,2);

console.log(arr);
// ['A', 'D']

console.log(result);
// ['B', 'C']

 

※ 참조

: splice() 함수에서 세 번째 인수 부터는 추가할 요소에 대한 인자임

 

 

 

 

 

delete

: 객체 뿐만 아니라 배열의 값도 삭제 가능

: 배열에서 사용할 경우 삭제된 요소를 empty로 변경

const arr = ['A', 'B', 'C', 'D']

delete arr.indexOf('B');
delete arr.indexOf('C');

console.log(arr);
// ['A', empty, empty,'D']

 

 

 

 

 

 

 

 

refference

[JavaScript]배열의 요소를 삭제하는 방법