[JS] 배열(Array) 삭제 함수 - pop(), shift(), splice() 함수

 

JavaScript의 Array(배열)은 자바스크립트에서 데이터를 처리할 때 가장 폭넓게 사용되고 있는 데이터의 타입 중 하나이며 손쉽게 배열을 추가하고 삭제를 하는 다양한 조작 함수들을 제공하고 있습니다.

Javascript에서 배열(Array)에서 새로운 Value 값을 삭제할 때 사용하는 pop(), shift(), splice() 함수들이 잇습니다.

사용하는 함수에 따라서 배열의 앞이나 뒤에 삭제를 할 수 있습니다.

 

JavaScript의 pop() 함수

JavaScript의 pop() 함수는 Array(배열)의 마지막에 새로운 요소를 삭제하고 난후 변경된 배열의 길이를 반환하는 함수입니다.

Array(배열)의 끝에 Value 값을 삭제하는 함수입니다. Array(배열)의 끝에 하나 또는 그 이상의 엘리먼트를 삭제하고 배열의 변경된 길이를 반환하는 함수입니다.

var arrayTest = ['a','b','c','d'];
arrayTest.pop();

console.log(arrayTest);

['a','b','c']

 

JavaScript의 shift() 함수

JavaScript의 shift() 함수는 Array(배열)의 첫 번째 자리에 새로운 요소를 삭제하고 난후 변경된 배열의 길이를 반환하는 함수입니다.

Array(배열)의 처음 앞에 Value 값을 삭제하는 함수입니다. Array(배열)의 처음 앞에 하나 또는 그 이상의 엘리먼트를 삭제하고 배열의 변경된 길이를 반환하는 함수입니다.

var arrayTest = ['a','b','c','d'];
arrayTest.shift();

console.log(arrayTest);

['b','c','d']

 

JavaScript의 splice() 함수

JavaScript의 splice() 함수는 Array(배열)의 특정 위치에 배열 요소를 추가하거나 삭제하여 반환하는 함수입니다.

return Value 값은 삭제한 배열의 요소입니다. 삭제된 요소가 없을 경우에는 비어있는 Array(배열)을 반환하게 됩니다.

//arr.splice([수정할 배열 요소의 인덱스], [삭제할 요소 개수], [추가될 요소]);

var arr = ['가', '나', '다', '라', '마', '바'];
var arr1 = arr.splice(1,2);
var arr2 = arr.splice(1,1,'하');        //배열의 인덱스 1개를 제거하고 그자리에 '하'를 삽입
var arr3 = arr.splice(0,2,'카','하');   //배열의 인덱스 0부터 2개를 제거하고 그자리에 '카','하'를 삽입

console.log(arr1);
console.log(arr2);
console.log(arr3);

["나", "다"]
["라"]
["가", "하"]