JavaScript에서 배열(Array)의 맨 앞이나 맨 끝에 항목을 추가하거나 제거할 때 가장 많이 사용되는 메서드가 바로 unshift(), shift(), push(), pop()입니다. 이 네 가지 메서드만 제대로 익혀두면 배열 데이터를 훨씬 쉽고 직관적으로 관리할 수 있습니다.
꼭 알아야 할 네 가지 배열 메서드
unshift(): 배열의 맨 앞에 새 항목을 추가합니다.shift(): 배열의 첫 번째 항목을 제거합니다.push(): 배열의 맨 끝에 새 항목을 추가합니다.pop(): 배열의 마지막 항목을 제거합니다.
Chrome 개발자 도구 콘솔 준비하기
이 글의 예제는 Chrome DevTools 콘솔에서 그대로 따라 하며 실행해 볼 수 있습니다.
콘솔을 빠르게 여는 단축키는 다음과 같습니다.
- Mac :
Cmd + Option + J - Windows :
Ctrl + Shift + J
단축키가 익숙하지 않다면 브라우저 화면에서 마우스 오른쪽 버튼을 클릭한 후 '검사(Inspect)'를 선택하고, 상단 탭 목록에서 Console(콘솔) 탭을 클릭하면 됩니다.
예제용 초기 배열 만들기
먼저 실습에 사용할 기본 배열을 아래와 같이 선언합니다. 세 개의 문자열 항목을 가진 간단한 배열입니다.
var list = ['item 1', 'item 2', 'item 3']