학습 자료
배열 메서드 - 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"] 출력
이 챕터의 강의 · JavaScript 기초 문법
- 1. 객체(Object)
- 2. 빈칸 채우기 퀴즈
- 3. 특정한 작업을 수행하는 코드 블록, 함수
- 4. 함수의 고급 기능
- 5. 화살표 함수(Arrow Functions)
- 6. 메서드(Method)
- 7. 선택형 퀴즈
- 8. Date 객체
- 9. Math 객체
- 10. 배열(Array)
- 11. 배열 메서드 - 슬라이스(Slice)
- 12. 배열 메서드 - indexOf, lastIndexOf, includes
- 13. 배열 메서드 - length, pop, push, shift, unshift
- 14. 배열 메서드 - forEach, map, filter, find
- 15. 배열 메서드 - 졍렬(Sort)
- 16. 빈칸 채우기 퀴즈
Quiz
0 / 1
array.pop 메서드의 역할은 무엇인가요?
배열의 첫 번째 항목을 반환합니다.
배열의 첫 번째 항목을 추가합니다.
배열의 마지막 항목을 반환합니다.
배열의 마지막 항목을 추가합니다.
학습 자료
AI 튜터
디자인
업로드
수업 노트
즐겨찾기
도움말