shift() 메소드란?
자바스크립트의 shift() 메소드는 배열에서 첫 번째 요소를 제거하고, 제거된 요소를 반환하는 메소드입니다. 이 메소드는 배열의 맨 앞에 있는 요소를 삭제하며, 나머지 요소들의 인덱스가 자동으로 앞으로 이동합니다.
shift()와 자주 비교되는 pop() 메소드와의 차이점을 이해하는 것이 중요합니다. pop()은 배열의 마지막 요소를 제거하는 반면, shift()는 배열의 시작 부분(첫 번째) 요소를 제거한다는 점에서 서로 다릅니다.
사용 예제
아래 예제에서는 숫자 배열과 문자열 배열 각각에 shift() 메소드를 적용하여 첫 번째 요소가 어떻게 제거되는지 확인할 수 있습니다.
<html>
<body>
<p id="shift"></p>
<script>
var a = [1,2,3,4,5];
var b = ["apple","mango","banana","guava","strawberry"]
a.shift();
b.shift();
document.write(a);
document.getElementById("shift").innerHTML = b;
</script>
</body>
</html>실행 결과
mango,banana,guava,strawberry 2,3,4,5
결과 분석
위 코드를 살펴보면 다음과 같이 동작합니다.
- 배열
a = [1,2,3,4,5]에 shift()를 적용하면 첫 번째 요소인1이 제거되어[2,3,4,5]가 됩니다. - 배열
b에 shift()를 적용하면 첫 번째 요소인"apple"이 제거되어mango,banana,guava,strawberry만 남게 됩니다.
정리
shift() 메소드는 큐(Queue) 자료구조를 구현하거나 배열의 선두 데이터를 순차적으로 처리해야 할 때 매우 유용하게 사용됩니다. pop()과 함께 기억해 두면 배열 조작 작업을 훨씬 효율적으로 수행할 수 있습니다.