보기

const numbers = [10, 20, 30, 40];

shift()

shift 하는 만큼 배열의 요소를 제거한다.
배열의 맨 앞부터 제거 하고, 기존의 배열이 변경된다.

numbers.shift();
numbers.shift();
console.log(numbers)    //[30, 40]

shift()를 두 번 해주었기 때문에
앞에서 두 번째 요소까지 제거 되었다.

unshift()

unshift 하는 만큼 배열의 요소를 추가 한다.
배열의 맨 앞부터 추가하고, 기존의 배열이 변경된다.

numbers.unshift("앞에 추가 될거야");
console.log(numbers);   //["앞에 추가 될거야", 10, 20, 30, 40]

문자열 하나를 앞에서 부터 추가 한다.

pop()

pop 하는 만큼 배열의 요소를 제거 한다.
배열의 맨 끝 부터 제거 하고, 기존의 배열이 변경된다.

numbers.pop();
console.log(numbers);   //[10, 20, 30]

push()

push 하는 만큼 배열의 요소를 추가 한다.
배열의 맨 끝 부터 추가 하고, 기존의 배열이 변경된다.

numbers.push("맨 끝에 추가 될거야");
console.log(numbers);   //[10, 20, 30, 40, '맨 끝에 추가 될거야']

concat()

여러개의 배열을 하나의 배열로 합쳐준다.
기존의 배열은 건드리지 않는다.

const arr1 = [1, 2, 3];
const arr2 = [4, 5, 6];
const concated = arr1.concat(arr2);
console.log(concated);  //[1, 2, 3, 4, 5, 6]

concated라는 변수에 합친 배열을 담았다.

console.log(arr1);  //[1, 2, 3]
console.log(arr2);  //[4, 5, 6]

기존의 배열은 변경되지 않아있다.

개인적으로 push를 많이 사용했었는데,
상반되는 짝을 이루는 메서드였다는 것을 이제 알았다.
확실한 개념을 잡아가면서 공부하니까 더 재미있다🧐🧐