자바스크립트 5. 배열 메소드

배열에도 메서드가 있다... 🤷🏻‍♂️

일단 남겨 보자!

메서드를 대표적으로 4가지를 배웠고 사용했다. 그 메서드는 pop / push / shift / unshift 이렇게 네가지를 배웠다!

(개인적으로 pop 너무 귀엽다... 배열의 맨뒤를 제거해주는데 뭔가 진짜 pop하고 뽑는 느낌이라... 찰떡..)

코드를 통해서 한번 보자!

let citys = ["Busan", "London", "LA", "Paris"];

pop과 push먼저 기록해봅시다. 일단 배열하나 선언하고 할당하고.....

arr.pop()은 배열의 가장 마지막에 있는 요소를 뽑아낸다. arr.push(el)은 배열의 마지막에 요소를 추가한다. 그럼 코드를 통해 기록해보자.

console.log(citys.pop()); // Paris
console.log(citys); // ["Busan", "London", "LA"]

arr.pop()을 통해서 Paris를 뽑아내고, citys에는 이제 요소가 3개만 남아있는 배열이 되었다.

 

그렇다면 push는 어떻게 될지 코드를 통해서 알아보자!

let nations = ["Korea", "UK"];
nation.push("USA"); // 3
console.log(nations); // ["Korea", "UK", "USA"]

arr.push();를 사용하면 신기하게도 길이를 내뱉는다. 괜찮아 콘솔로그 찍으면 되~ 코드를 보면 알겠지만 배열의 마지막에 요소를 추가한다!

 

다음은 나머지 두가지 shift랑 unshift도 코드를 통해서 알아보자!

let apple = ["MacBook", "Iphone", "AirPods"];
apple.shift(); // "MacBook"
console.log(apple); // ["Iphone", "AirPods"];

먼저 새롭게 배열하나를 선언하고, shift를 사용해 보았다. arr.shift()는 배열의 맨 앞에 있는 요소를 뽑아서 보여준다. 그리고 배열을 불러보면 남아있는 거는 2개의 요소 뿐이다.

let apple = ["Iphone", "AirPods"];
apple.unshift("AppleWatch"); // 3
console.log(apple); // ["AppleWatch", "Iphone", "AirPods"];

arr.unshift(el)의 경우에는 배열의 맨앞의 요소를 추가하고 배열의 길이를 나타낸다. 그리고 배열을 확인해보면 추가되어있는 것을 알 수있다.

 

다음은 반복문을 기록하자!