자바스크립트 배열(Array) shift() 함수 사용하기

shift() 함수는 JavaScript 배열에서 사용되며, 배열의 첫 번째 요소를 제거하고 해당 요소를 반환합니다. shift() 함수는 주로 배열을 수정하고 필요한 경우 제거된 요소를 제거하는데 사용합니다.  이 함수의 구문과 인수 정의는 다음과 같습니다.

 

 

 

 

◎ 1. 구문

 

array.shift()

- 인수: shift() 함수는 어떤 인수도 받지 않습니다.

 

 

◎ 1. 사용 예제

 

(1) 기본 요소 제거

 

코드에서는 fruits 배열에서 첫 번째 요소("apple")를 제거하고 해당 요소를 removedFruit 변수에 저장합니다. 이것은 배열에서 첫 번째 항목을 제거할 때 유용하며, shift()는 해당 값을 반환하여 필요한 경우 사용할 수 있습니다.

 

const fruits = ["apple", "banana", "cherry", "date"];
const removedFruit = fruits.shift();
 
console.log(removedFruit);
 
[출력]
apple

  

(2) 반복을 사용한 요소 제거

 

코드에서는 while 루프를 사용하여 배열에서 모든 요소를 순차적으로 제거하고 각 요소를 removedFruit 변수에 저장하여 출력합니다.

 

const fruits = ["apple", "banana", "cherry", "date"];
while (fruits.length > 0) {
  const removedFruit = fruits.shift();
  console.log(Removed: ${removedFruit});
}
 
[출력]
Removed: apple
Removed: banana
Removed: cherry
Removed: date

 

▼ 배열과 관련된 다양한 함수들 포스팅도 함께 보세요.

 

https://mainia.tistory.com/4216

자바스크립트(Javascript) 내장 객체 Array 알아보기 – 1회

https://mainia.tistory.com/4236

자바스크립트 내장 객체 Array 의 concat 함수 알아보기 – 2회

https://mainia.tistory.com/6920

자바스크립트 배열 Array 초기화 하는 다양한 방법

https://mainia.tistory.com/4271

자바스크립트 내장 객체 Array 의 sort 함수 사용하기