자바스크립트 배열에 요소 추가,삭제

배열에 요소 추가,삭제

요소 추가	요소 삭제
Array.push("요소")	Array.pop("요소")
Array.unshift("요소")	Array.shift("요소")
Array.splice("위치", 0, "요소1", "요소2" ... )	Array.splice()

 

1) 요소 추가

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

# 배열의 끝에 요소 추가
arr.push('d'); 
// arr = ['a', 'b', 'c', 'd']

# 배열의 앞쪽에 요소 추가
arr.unshift('d'); 
// arr = ['d', 'a', 'b', 'c']

# index=2에 요소 추가
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']

 

 

2) 요소 삭제

var arr = ['a', 'b', 'c', 'e', 'f'];

# 배열의 마지막 요소를 제거
arr.pop(); 
// arr = ['a', 'b', 'c', 'e']

# 제거한 요소를 반환 받을 수 있음
var popped = arr.pop(); 
// arr = ['a', 'b', 'c']
// popped = 'e'
 
# 배열의 첫번째 요소를 제거
arr.shift(); 
// arr = ['b', 'c', 'e', 'f']

# 제거한 요소를 반환 받을 수 있음
var shifted = arr.shift();
// arr = ['c', 'e', 'f']
// shifted = 'b'
 
# 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']

# 제거한 요소를 반환 받을 수 있음
removed = arr.splice(1, 1); 
// arr = ['a']
// removed = 'f'
 
# delete로 배열을 삭제할 경우 요소는 그대로 존재하며 값만 삭제 됨
delete arr[1]; 
// arr = ["a", undefined, "c", "e", "f"]