Array 메소드 정리 (1)

많아도 너무 많은 Array 메소드.. 그래서 내가 기억하고자 정리한다..!

Array.prototype.push();

push() 메서드는 배열의 끝에 하나 이상의 요소를 추가하고, 배열의 새로운 길이를 반환한다.

Syntax
arr.push(element1[, ...[, elementN]]);

매개변수는 배열 끝에 추가할 요소, 반환 값은 호출한 배열의 새로운 length 속성이다.

const countries = ["Nigeria", "Ghana", "Rwanda"];

const count = countries.push("Kenya");
console.log(countries); // ["Nigeria","Ghana","Rwanda","Kenya"]
console.log(count); // 4 **(contries의 length를 반환)**

countries.push("South Africa", "Mali");
console.log(countries); // ["Nigeria","Ghana","Rwanda","Kenya","South Africa","Mali"]

Array.prototype.pop();

pop() 메서드는 배열에서 마지막 요소를 제거하고 그 요소를 반환한다. push() 메서드와 반대 개념!

Syntax
arr.pop()

반환 값은 배열에서 제거한 요소로 빈 배열의 경우 undefined 를 반환한다.

const plants = ['broccoli', 'cauliflower', 'cabbage', 'kale', 'tomato'];

console.log(plants.pop()); // "tomato"
console.log(plants); // ["broccoli", "cauliflower", "cabbage", "kale"]

plants.pop();

console.log(plants); // ["broccoli", "cauliflower", "cabbage"]

Array.prototype.unshift();

unshift() 메서드는 새로운 요소를 배열의 맨 앞쪽에 추가하고, 새로운 길이를 반환한다.

Syntax
arr.push(element1[, ...[, elementN]]);

매개변수는 배열 앞에 추가할 요소, 반환 값은 호출한 배열의 새로운 length 속성이다.

// 1)
const countries = ["Nigeria", "Ghana", "Rwanda"];

countries.unshift("South Africa", "Mali", "Kenya");
console.log(countries); // ["South Africa","Mali","Kenya","Nigeria","Ghana","Rwanda"]

// 2)
const countries = ["Nigeria", "Ghana", "Rwanda"];

let countriesLength = countries.unshift("South Africa", "Mali", "Kenya");
console.log(countriesLength); // 6

Array.prototype.shift();

shift() 메서드는 배열에서 첫 번째 요소를 제거하고, 제거된 요소를 반환한다. 이 메서드는 배열의 길이를 변하게 한다.

Syntax
arr.shift()

반환 값은 배열에서 제거한 요소로 빈 배열의 경우 undefined 를 반환한다.

const array1 = [1, 2, 3];
const firstElement = array1.shift();

console.log(array1); // [2, 3]
console.log(firstElement); // 1