[TIL] 배열 조작 (push , unshift , pop)

배열 조작하기(push , unshift, pop)

배열을 만들다보면 나중에 추가로 배열에 있는 요소(‘elements’)들을 추가 하거나 삭제 할 일이 생기는데,
이번에 배워 볼건 push , unshift 그리고 pop이 있습니다.

● Push , Unshift

먼저 아래의 코드 예를 보겠습니다.

let cities = [];

cities[0] = "서울"; // ["서울"]
cities[1] = "대전"; // ["서울", "대전"]
cities[2] = "대구"; // ["서울", "대전", "대구"]

여기서 추가적으로 배열을 하고싶다면 ‘push’ 와 ‘unshift’를 사용합니다.

‘push’는 array의 마지막 부분, 즉 꼬리에 요소들을 추가하고,
‘unshift’는 array의 맨 앞부분, 즉 머리 부분에 요소를 추가합니다.

let cities = [];
cities[0] = "서울";
cities[1] = "부산";
cities[2] = "대구";
cities[3] = "용인";
cities[5] = "집";

cities.push("경주");
cities.unshift("울산","울릉도");

console.log(cities);

//결과 [ '울산', '울릉도', '서울', '부산', '대구', '용인', <1 empty item>, '집', '경주' ]

‘unshift’ 로 추가한 ‘울산’ ,’울릉도’가 맨앞으로 / ‘push’로 추가한 ‘경주’가 맨뒤에 추가가 된걸 확인할 수 있습니다.

● Pop

‘pop’은 array의 마지막요소가 제거되고 , 마지막 요소의 값을 반환합니다.

이해하기 쉽게 아래 그림을 참고 바랍니다.

출처Wecode