자바스크립트에서 배열의 첫 번째 요소 제거하는 방법

자바스크립트에서 배열의 맨 앞에 있는 요소를 제거하려면 shift() 메서드를 사용하면 됩니다. 이 메서드는 배열의 첫 번째 요소를 삭제하고, 삭제된 요소를 반환합니다.

예제

let veggies = ["Onion", "Raddish"];
veggies.shift();
console.log(veggies);

출력 결과

위 코드를 실행하면 다음과 같은 결과가 출력됩니다.

["Raddish"]

shift() 메서드의 특징

shift() 메서드는 배열의 길이(length)를 1만큼 줄이며, 원본 배열을 직접 변경(mutate)한다는 점에 유의해야 합니다. 또한 제거된 첫 번째 요소를 반환 값으로 돌려주기 때문에 필요하다면 변수에 저장하여 활용할 수 있습니다.

let fruits = ["Apple", "Banana", "Cherry"];
let removed = fruits.shift();

console.log(removed); // "Apple"
console.log(fruits);  // ["Banana", "Cherry"]

참고: 반대 동작을 하는 메서드

• unshift(): 배열의 맨 앞에 새로운 요소를 추가합니다.
• pop(): 배열의 마지막 요소를 제거하고 반환합니다.
• push(): 배열의 끝에 새로운 요소를 추가합니다.

배열 앞쪽에서 요소를 삽입하거나 제거할 때는 shift()와 unshift()를 함께 기억해 두면 유용하게 활용할 수 있습니다.