[Javascript] 배열 첫번째 값 제거하기

배열 "[1, 2, 3, 4]"가 있을 때, 첫번째 값 1을 배열에서 제거하는 방법을 소개합니다.

 

어떤 배열에서 첫번째 값은 불필요하여 항상 제거해야 하거나, Queue처럼 배열의 첫번째 값을 읽고 제거하고, 다시 첫번째 값을 읽고 제거하는 일이 있을 수 있습니다.

 

첫번째 요소를 제거하면 배열의 길이가 1만큼 줄어들게 되는데, 예제와 함께 어떻게 구현하는지 알아보겠습니다.

 

slice()로 배열 첫번째 값 제거

slice(N)은 배열에서 Index N부터 끝까지 범위를 잘라서 새로운 배열로 리턴합니다.

 

예를 들어, 아래 예제에서 arr.slice(1)은 배열의 Index 1인 "2"부터  배열의 끝인 "7"까지 범위, 즉 2~7까지의 값들을 새로운 배열에 담아 리턴합니다. 코드 실행 결과를 보면 예상한대로 첫번째 요소가 제거된 배열이 출력되었습니다.

const arr = [1, 2, 3, 4, 5, 6, 7];
const newArr = arr.slice(1);
console.log(newArr);

Output:

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

 

splice()로 배열 첫번째 값 제거

splice(start, count)는 배열의 start Index 부터 count 개수만큼 값을 배열에서 제거합니다. 제거된 값들은 배열로 리턴합니다.

 

아래 예제를 보면 arr.splice(0, 1)은 Index 0부터 1개 값을 제거하여, arr 배열에서 1만 제거됩니다. 제거된 1은 배열에 담겨 리턴됩니다. 따라서 "removed" 배열을 출력해보면 배열 안에 1만 있습니다. "arr" 배열을 출력해보면 배열에서 1이 제거된 것을 확인할 수 있습니다.

const arr = [1, 2, 3, 4, 5, 6, 7];
const removed = arr.splice(0, 1);

console.log(removed);
console.log(arr);

Output:

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