JavaScript에서 배열의 첫 번째 요소를 제거하려면 shift() 메서드를 사용하면 됩니다. shift() 메서드는 배열에서 맨 앞에 있는 요소를 제거한 뒤, 그 제거된 요소를 반환합니다. 이때 원본 배열 자체도 변경된다는 점을 기억하세요.
shift() 메서드의 특징
shift() 메서드는 다음과 같은 동작을 수행합니다.
- 배열의 첫 번째(인덱스 0) 요소를 제거합니다.
- 제거된 요소를 반환값으로 돌려줍니다.
- 나머지 요소들의 인덱스가 한 칸씩 앞으로 이동합니다.
- 배열이 비어 있으면
undefined를 반환합니다.
참고로 마지막 요소를 제거할 때 사용하는 pop() 메서드와 반대되는 역할을 합니다.
예제
다음 코드를 실행하면 배열의 첫 번째 요소를 제거하고 그 값을 반환받아 화면에 출력할 수 있습니다.
<html>
<head>
<title>JavaScript Array shift Method</title>
</head>
<body>
<script>
var element = [30, 45, 70, 90, 110].shift();
document.write("Removed first element is : " + element);
</script>
</body>
</html>출력 결과
Removed first element is : 30
위 예제에서 배열 [30, 45, 70, 90, 110]에 shift()를 호출하면 첫 번째 요소인 30이 제거되어 변수 element에 저장됩니다. 실행 후 남은 배열은 [45, 70, 90, 110]이 됩니다.