배열에서 마지막 요소를 제거하는 방법에 대해서 알아보겠습니다.

배열의 요소들 중에, 마지막 값만 제거해야하는 경우가 간혹 있는데요. 이럴 때 사용할 수 있습니다.

1. pop()을 이용한 방법

array.pop()은 배열의 마지막 요소를 삭제하고, 삭제된 값을 리턴합니다.

const arr = [1, 2, 3, 4, 5];
const removedValue = arr.pop();
console.log(removedValue); // 5
console.log(arr); // [1, 2, 3, 4]

Output:

5
[ 1, 2, 3, 4 ]

2. slice()를 이용한 방법

slice(start, end)는 start Index에서 end Index 이전 요소까지 잘라서 리턴합니다. 음수도 허용되며, -1은 배열의 마지막 요소의 Index를 가리킵니다.

  • arr.slice(0, -1) : 첫번째 요소부터, 배열의 마지막 요소 이전까지 잘라서 리턴
  • slice()는 원본 배열을 변경하지 않고, 새로운 배열을 생성하여 리턴
const arr = [1, 2, 3, 4, 5];
const newArr = arr.slice(0, -1);
console.log(newArr); // [1, 2, 3, 4]

Output:

[1, 2, 3, 4]

3. length를 이용한 방법

아래와 같이 배열의 length를 1 줄이면, 배열이 길이가 하나 줄어들고, 마지막 요소가 자동적으로 삭제됩니다.

const arr = [1, 2, 3, 4, 5];
arr.length = arr.length - 1;
console.log(arr); // [1, 2, 3, 4]

Output:

[1, 2, 3, 4]