[JavaScript] 자바스크립트 배열(Array) 추가,삭제

자바스크립트 배열 추가,삭제 방법

배열 추가 : Array.push(),  Array.unshift(),  Array.splice()
배열 삭제 : Array.pop(),  Array.shift(),  Array.splice()

 

배열 추가

1. Array.push() - 배열의 끝에 추가

var arr = ['A', 'B', 'C'];

arr.push('D'); // 배열의 끝에 추가
// arr = ['A', 'B', 'C', 'D']

 

2. Array.unshift() - 배열 앞쪽에 추가

var arr = ['A', 'B', 'C'];

// 배열의 앞쪽에 추가
arr.unshift('D');
// arr = ['D', 'A', 'B', 'C']

3. Array.splice("위치",0,["요소1","요소2" …])

var arr = ['A', 'B', 'C'];

// index 2 ('C')의 위치에 요소를 추가
arr.splice(2, 0, 'D'); 
// arr = ['A', 'B', 'D', 'C']

// index 4의 위치에 2개의 요소를 추가
arr.splice(4, 0, 'E', 'F'); 
// arr = ['A', 'B', 'D', 'C', 'E', 'F']

 

배열 삭제

1. Array.pop() - 배열의 마지막 삭제

var arr = ['A', 'B', 'C', 'E', 'F'];

// 배열의 마지막 제거
arr.pop(); 
// arr = ['A', 'B', 'C', 'E']

// 제거한 요소를 반환 받을 수 있음
var delPop = arr.pop();
// arr = ['A', 'B', 'C']

console(delPop)
// delPop = 'E'

2. Array.shift() - 배열의 첫번째 요소 제거

var arr = ['A', 'B', 'C', 'E', 'F'];

// 배열의 첫번째 요소를 제거
arr.shift(); 
// arr = ['B', 'C', 'E', 'F']

// 제거한 요소를 반환 받을 수 있음
var delShift = arr.shift();
// arr = ['C', 'E', 'F']

console(delShift)
// delShift = 'B'

3.Array.splice - ("시작위치","제거개수")

var arr = ['A', 'B', 'C', 'E', 'F'];

// index 2 부터 1개의 요소('C')를 제거
arr.splice(2, 1); 
// arr = ['A', 'B', 'E', 'F']

// index 1 부터 2개의 요소('B', 'E')를 제거
arr.splice(1, 2); 
// arr = ['A', 'F']

// 제거한 요소를 반환 받을 수 있음
var delRemoved = arr.splice(1, 1);
// arr = ['A']

console.log(delRemoved)
// delRemoved = 'F'