JS, array 추가와 삭제

배열 요소를 추가

Array.push()

배열 끝에 요소를 추가

 

let arr = ['a', 'b', 'c'];

arr.push('d');	// arr = ['a', 'b', 'c', 'd']

 

Array.unshift()

배열 앞쪽에 요소를 추가

 

let arr = ['a', 'b', 'c'];

arr.unshift('d');	// arr = ['d', 'a', 'b', 'c']

 

Array.splice()

원하는 위치에 하나 이상의 요소를 추가

 

let arr = ['a', 'b', 'c'];

arr.splice(2, 0, 'd');	// arr = ['a', 'b', 'd', 'c']
// index 2 ('c')의 위치에 요소를 추가

arr.splice(4, 0, 'e', 'f');	// arr = ['a', 'b', 'd', 'c', 'e', 'f']
// index 4의 위치에 2개의 요소를 추가

 

배열 요소를 삭제

Array.pop()

배열의 마지막 요소를 제거

변수를 이용하여 제거한 요소를 반환 받을 수 있음

 

let arr = ['a', 'b', 'c', 'd', 'e'];

arr.pop(); // arr = ['a', 'b', 'c', 'd']

let popped = arr.pop(); // arr = ['a', 'b', 'c']

// popped = 'd'

 

Array.shift()

배열의 첫번째 요소를 제거

변수를 이용하여 제거한 요소를 반환 받을 수 있음

 

let arr = ['a', 'b', 'c', 'd', 'e'];

arr.shift(); // arr = ['b', 'c', 'd', 'e']

let popped = arr.pop(); // arr = ['c', 'd', 'e']

// shift = 'b'

 

Array.splice()

원하는 위치에 하나 이상의 요소를 제거

또한 제거 후 해당 위치에 새로운 요소를 추가 할 수 있음

변수를 이용하여 제거한 요소를 반환 받을 수 있음

 

let arr = ['a', 'b', 'c', 'd', 'e'];
arr.splice(2, 1);	// arr = ['a', 'b', 'd', 'e']
// index 2부터 1개의 요소('c')를 제거

let.splice(1, 2);	// arr = ['a', 'e']
// index 1부터 2개의 요소('b', 'd')를 제거

removed = arr.splice(1, 1); // arr = ['a'], removed = 'e'

 

※ delete로 인덱스를 삭제할 경우 요소는 존재하고 값만 삭제 됨

let arr = ['a', 'b', 'c'];

delete arr[1];	// arr = ["a", undefined, "c"]

 

- splice()를 이용하여 배열 추가와 삭제가 가능한데 쉽게 생각하여

   Array.splice(시작위치, 제거요소갯수, 추가요소)라고 생각하면 됨

let arr = ['a', 'b', 'c']

arr.splice(1, 2, 'd', 'e')	// arr = ['a', 'd', 'e']