본문으로 건너뛰기
실습하기

배열 메서드 - push, pop, unshift, shift

배열 내 요소들을 관리하는 메서드에 대해 알아보겠습니다.


array.push

push 메서드는 배열의 마지막에 새로운 항목을 추가합니다. 여러 장의 카드에서 제일 위에 카드를 추가하는 것과 같습니다.

예시:

push 메서드 예시
const fruits = ['apple', 'banana'];
fruits.push('cherry');

console.log(fruits); // ["apple", "banana", "cherry"] 출력

array.pop

pop 메서드는 배열의 마지막 항목을 꺼내주고 그 항목을 반환합니다. 여러 장의 카드에서 제일 위에 있는 카드를 꺼내는 것과 같습니다.

pop 메서드 예시
const fruits = ['apple', 'banana', 'cherry'];
const lastFruit = fruits.pop();

console.log(lastFruit); // "cherry" 출력
console.log(fruits); // ["apple", "banana"] 출력

array.unshift

unshift 메서드는 배열의 맨 앞에 새로운 항목을 추가합니다. 여러 장의 카드에서 가장 아래에 카드를 넣는 것과 같습니다.

예시:

unshift 메서드 예시
const fruits = ['banana', 'cherry'];
fruits.unshift('apple');

console.log(fruits); // ["apple", "banana", "cherry"] 출력

array.shift

shift 메서드는 배열의 첫 번째 항목을 꺼내주고 그 항목을 반환합니다. 여러 장의 카드에서 제일 아래에 있는 카드를 꺼내는 것과 같습니다.

예시:

shift 메서드 예시
const fruits = ['apple', 'banana', 'cherry'];
const firstFruit = fruits.shift();

console.log(firstFruit); // "apple" 출력
console.log(fruits); // ["banana", "cherry"] 출력

다음 내용이 궁금하다면?

코드프렌즈 PLUS 멤버십 가입 or 강의를 등록해 주세요!