[JavaScript] 배열의 요소를 추가/삭제하는 내장함수

자바스크립트 배열의 요소를 추가/삭제하는 내장함수

1) push/unshift, pop/shift

• push(something): 어떤 요소를 배열의 맨 끝에 추가한다.

var arr = [1, 2, 3, 4, 5];
arr.push('myPush');
console.log(arr);

[ 1, 2, 3, 4, 5, 'myPush' ]

• unshift(something): 어떤 요소를 배열의 맨 앞에 추가한다.

var arr = [1, 2, 3, 4, 5];
arr.unshift('myUnshift');
console.log(arr);

[ 'myUnshift', 1, 2, 3, 4, 5 ]

• pop(): 배열 맨 끝의 요소를 제거하고, 해당 값을 반환한다.

var arr = [1, 2, 3, 4, 5];
var rv = arr.pop();
console.log(rv);
console.log(arr);
var rv = arr.pop();
console.log(rv);
console.log(arr);
var rv = arr.pop();
console.log(rv);
console.log(arr);
var rv = arr.pop();
console.log(rv);
console.log(arr);
var rv = arr.pop();
console.log(rv);
console.log(arr);

5
[ 1, 2, 3, 4 ]
4
[ 1, 2, 3 ]
3
[ 1, 2 ]
2
[ 1 ]
1
[]

• shift(): 배열 맨 앞의 요소를 제거하고, 해당 값을 반환한다.

var arr = [1, 2, 3, 4, 5];
var rv = arr.shift();
console.log(rv);
console.log(arr);
var rv = arr.shift();
console.log(rv);
console.log(arr);
var rv = arr.shift();
console.log(rv);
console.log(arr);
var rv = arr.shift();
console.log(rv);
console.log(arr);
var rv = arr.shift();
console.log(rv);
console.log(arr);

1
[ 2, 3, 4, 5 ]
2
[ 3, 4, 5 ]
3
[ 4, 5 ]
4
[ 5 ]
5
[]

2) splice(number, number, value)

• splice(num1, num2, value): num1번째 인덱스 요소부터 num2개의 요소를 삭제하고 num1번째 인덱스에 value를 추가한다.

var arr = [1, 2, 3, 4, 5];
arr.splice(1, 3, 'splice');
console.log(arr);

[ 1, 'splice', 5 ]

• 두 번째 파라미터를 0으로 지정하면 배열의 요소를 삭제하지 않고 원하는 인덱스에 원하는 값을 삽입할 수 있다.

var arr = [1, 2, 3, 4, 5];
arr.splice(1, 0, 'insert');
console.log(arr);

[ 1, 'insert', 2, 3, 4, 5 ]

• 세 번째 파라미터를 지정하지 않으면 원하는 인덱스부터 원하는 개수만큼의 요소들을 삭제할 수 있다.

var arr = [1, 2, 3, 4, 5];
arr.splice(1, 2);
console.log(arr);

[ 1, 4, 5 ]