[Javascript] 배열 마지막 값 제거하기

배열 [1, 2, 3, 4]가 있을 때, 마지막 값(4)을 제거하는 방법을 소개합니다. 값을 제거하면 배열의 길이도 함께 줄어듭니다.

 

배열의 마지막 값을 읽고 배열에서 제거하고, 다음 마지막을 읽고 다시 제거하는 방식으로 어떤 프로그램을 만들 수 있습니다. 또는 배열에서 단순히 마지막 값이 불필요하여 제거할 수도 있습니다.

 

pop()으로 배열 마지막 값 제거

array.pop()은 배열 array의 마지막 값을 배열에서 제거하고, 그 값을 리턴합니다.

 

아래 예제를 보면, pop()은 배열 마지막 값 8을 리턴하였고, 8은 배열에서 제거되었습니다. pop()을 다시 호출하면, 배열의 마지막 값이 다시 제거됩니다.

const array = [1, 2, 3, 4, 5, 6, 7, 8];
const removed = array.pop();

console.log(removed);
console.log(array);

Output:

8
[ 1, 2, 3, 4, 5, 6, 7]

 

length로 배열 마지막 값 제거

array.length는 배열의 길이인데, length에 직접 값을 대입하여 길이를 변경할 수 있습니다. 길이가 변경되면 리스트의 값들도 길이에 맞게 개수가 변경됩니다. 

 

아래 예제는 배열 길이를 1 줄이는데, 배열의 뒤에서 길이가 줄어들어 마지막 값이 제거됩니다.

const array = [1, 2, 3, 4, 5, 6, 7, 8];
array.length = array.length - 1;

console.log(array);

Output:

[ 1, 2, 3, 4, 5, 6, 7]

 

slice()로 배열 마지막 값 제거

slice(start, end)는 start Index를 포함하고, end를 포함하지 않는 범위의 값들을 잘라서 배열로 리턴합니다. 여기서 end는 음수 표현도 허용이 되며, -1은 배열의 마지막 Index을 의미합니다.

 

아래 예제에서 end의 -1은 Index 7과 같으며, slice(0, -1)은 slice(0, 7)과 동일한 결과를 리턴합니다. Index 7은 배열에서 값 "8"이며, 8을 포함하지 않는 1 ~ 7 요소들을 배열로 리턴합니다.

const array = [1, 2, 3, 4, 5, 6, 7, 8];
const newArray = array.slice(0, -1);

console.log(newArray);

Output:

[ 1, 2, 3, 4, 5, 6, 7]