배열 내장함수 (shift / pop / unshift / push)

이 문서는 fastcampus 강의 를 듣고 정리한 문서입니다. 문제가 있을 경우 이곳으로 문의주세요! 😀

shift / unshift

shift - 배열 맨 앞에 있는 원소 하나를 꺼낸다. 리턴 값은 꺼낸 원소 값.
계속 호출하게 되면 해당 배열은 빈 배열이 되나, 계속 호출 가능하고 그때의 리턴값은 빈 배열.

unshift - 배열 맨 앞에 원소 하나를 넣는다.

const numbers = [10, 20, 30, 40];

const value = numbers.shift();
console.log(value); //10
console.log(numbers); //[20, 30, 40];

const numbers = [10, 20, 30, 40];

numbers.unshift(5);
console.log(numbers); //[5, 10, 20, 30, 40];

pop / push

pop - 배열 맨 뒤에 있는 원소 하나를 꺼낸다. 리턴 값은 꺼낸 원소 값.
계속 호출하게 되면 해당 배열은 빈 배열이 되나, 계속 호출 가능하고 그때의 리턴값은 빈 배열.

push - 배열 맨 뒤에 원소 하나를 넣는다.

const numbers = [10, 20, 30, 40];

const value = numbers.pop();
console.log(value); //40
console.log(numbers); //[10, 20, 30];

const numbers = [10, 20, 30, 40];

numbers.push(50);
console.log(numbers); //[10, 20, 30, 40, 50];

shift / unshift / pop / push 함수 모두 기존 배열을 변경시킨다!