shift 메서드

shift 메서드는 배열의 첫 번째 요소를 제거합니다. 이때 원본 배열이 변경되며, 메서드의 결과로 제거된 요소가 반환됩니다.

구문

javascript배열.shift();

예제

배열에서 첫 번째 요소를 제거해 봅시다:

javascriptlet arr = ['a', 'b', 'c', 'd', 'e'];
arr.shift();

console.log(arr);

실행 결과:

javascript['b', 'c', 'd', 'e']

예제

배열의 첫 번째 요소를 제거하고 화면에 출력해 봅시다:

javascriptlet arr  = ['a', 'b', 'c', 'd', 'e'];
let elem = arr.shift();

console.log(elem);

실행 결과:

javascript'a'

예제 . 적용

배열을 문자열 '16-25-34'로 만들어 봅시다. 이 문제를 해결하기 위해 shift, pop, push, join 메서드들을 조합하여 사용하겠습니다:

javascriptlet arr = ['1', '2', '3', '4', '5', '6'];
let res = [];

while (arr.length > 0) { // 배열은 길이가 0이 될 때까지 루프에서 감소합니다
  let first = arr.shift();
  let last  = arr.pop();
  let str = first + last; // 여기서는 '16', 그다음 '25', 그다음 '34' 문자열이 됩니다
  res.push(str);
}

// 루프 이후 res에는 ['16', '25', '34'] 배열이 들어 있습니다. 이를 문자열로 합칩니다:
res = res.join('-');
console.log(res);

실행 결과:

javascript'16-25-34'

참고

  • pop 메서드,
    배열의 마지막 요소를 제거합니다
  • push 메서드와 unshift 메서드,
    배열에 요소를 추가합니다
  • join 메서드,
    지정된 구분자로 배열 요소들을 문자열로 결합합니다