[JavaScript] 배열 추가 삭제 push, pop, shift, splice

자바스크립트 배열 추가, 삭제 함수

 

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

배열 요소를 추가하는 방법

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

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

 

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

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

 

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

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

 

array.splice("시작위치", "범위", ["index1", "index2" ... ])

splice 함수는 요소를 제거 후 해당 위치에 새로운 요소를 추가할 수 있다.

var arr = ['a','b','c'];
arr.splice(1,2,['new1','new2'])

//arr is  ["a", ["new1", "new2"]]

 

array.splice('위치', 0, ["요소1", "요소2" ... ])

splice 함수는 원하는 위치에 하나 이상의 요소를 추가할 수 있다.

 

 

 

배열 요소를 삭제하는 방법

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

arr.pop();  //배열의 마지막요소 제거 'f' 제거

 

 

var arr = ['a', 'b', 'c', 'e', 'f'];
arr.shift(); // 배열의 첫번째 요소를 제거
// arr is = ['b', 'c', 'e', 'f']


var arr = ['a', 'b', 'c', 'e', 'f'];
var shift반환값 = arr.shift(); // shift로 제거한 요소를 반환 받을 수 있음
// arr is = ['b','c', 'e', 'f']

// shift반환값 = 'a'

 

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

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

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

ㅅ

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

// arr = ["a", undefined, "c", "e", "f"]
delete arr[1]; // delete로 배열을 삭제할 경우 요소는 그대로 존재하며 값만 삭제 됨

 

array.splice("시작위치", "범위")

splice 함수는 원하는 위치에서 하나 이상의 요소를 제거 할 수 있다.

 

 

 

 

함수를 사용하지 않고 추가, 삭제 방법​​

 

• 자바스크립트는 배열의 길이를 동적으로 변경할 수 있다

 

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

arr[arr.length] = 'e'; // 배열의 끝에 요소를 추가 

// arr is = ['a', 'b', 'c', 'e'];

arr.length = arr.length - 1; // 배열의 크기를 하나 줄인다.

// arr is = ['a', 'b', 'c']

arr[5] = 'g'; // index 5 에 요소를 추가, 빈요소([3],[4])는 undefined

// arr is = ["a", "b", "c", undefined, undefined, "g"]