[JavaScript] Array 배열의 삽입과 삭제(push, pop, shift, unshift)

 

 

배열에 element를 단순 삽입하고 삭제 할 때 쓰이는 method인

push, pop, shift, unshift 에 대해 살펴보겠다. 

 

 

1.  push

 :  아이템을 배열의 끝에 삽입한다. 

// push: add an item to the end

let fruits = ['apple', 'banana'];

fruits.push('strawberry', 'peach');
console.log(fruits); // ['apple', 'banana', 'strawberry', 'peach']

 

2.  pop

 :  배열의 끝에서부터 아이템을 삭제한다.

// pop: remove an item from the end

let fruits = ['apple', 'banana', 'strawberry', 'peach']

fruits.pop(); //'peach'를 삭제
fruits.pop(); //'straberry'를 삭제
console.log(fruits); //['apple', 'banana']

 

3.  unshift

 : 아이템을 배열의 맨 앞에 삽입한다.

// unshift: add an item to the beginning

let fruits = ['apple', 'banana']

fruits.unshift('strawberry', 'peach'); //배열의 맨 앞에 'straberery'와 'peach' 삽입
console.log(fruits); // ['strawberry', 'peach', 'apple', 'banana']

 

4.  shift

:  배열의 맨 앞에 있는 아이템을 삭제한다.

// shift: remove an item from the beginning

let fruits = ['orange', 'peach', 'apple', 'banana']

fruits.shift(); //맨 앞에 있는 'ornage'를 제거
console.log(fruits); //['peach', 'apple', 'banana']

 

 

 ✔ delete

 : 배열의 아이템 값을 삭제하고, 아이템이 담긴  index 는 유지 => 사용하지 않는 것이 좋다

let fruits = ["apple", "orange", "melon"];

console.log(fruits.length); //3

delete fruits[1];

console.log(fruits); //[ 'apple', <1 empty item>, 'melon' ]
console.log(fruits.length); //3

 

 

 ✔ shift, unshift 와 pop, push의 속도 차이

 :  pop, push 가 shift, unshift 보다 훨씬 빠르다.

   shift, unshift는 배열의 index를 모두 옮겨야 하기 때문.