[Javascript] 배열 맨 뒤, 맨 앞 요소 제거 / pop, shift 기능

자바스크립트에서는 배열의 맨 앞과 맨 뒤 요소를 추가하거나 제거하기 위해 여러 가지 기능을 제공하고 있다. 배열의 맨 앞과 맨 뒤의 요소를 제거하기 위한 기능은 어떤 게 있는지 알아보자.

 

 

목차

1. 배열의 맨 뒤 요소 제거
2. 배열의 맨 앞 요소 제거

 

 

 

 

1. 배열의 맨 뒤 요소 제거

배열의 마지막에 새로운 요소를 추가할 때에는 length를 활용하는 방법이나 push 기능을 사용하면 된다. 반대로 맨 뒤 마지막 요소를 제거할 때에는 pop 기능을 사용하면 된다.

 

const array = ['a', 'b', 'c', 'd'];
array.pop();

console.log(array);

// 결과 : ["a", "b", "c"]

 

 

 

 

2. 배열의 맨 앞 요소 제거

배열의 맨 앞에 요소를 추가할 때에는 unshift라는 기능을 사용했었다. 반대로 맨 앞 첫 번째 요소를 제거할 때에는 shift 기능을 사용하면 된다.

 

const array = ['a', 'b', 'c', 'd'];
array.shift();

console.log(array);

// 결과 : ["b", "c", "d"]