JS 배열 다루기: 원본을 변경하는 메서드 (Destructive)

원본 배열을 변경하는 메서드들

 

push()

배열의 끝에 하나 이상의 요소를 추가하고, 변경된 배열의 길이를 반환합니다.

const fruits = ['apple', 'banana'];
fruits.push('orange'); // ['apple', 'banana', 'orange']

 

pop()

배열의 마지막 요소를 제거하고, 그 요소를 반환합니다.

const fruits = ['apple', 'banana', 'orange'];
const lastFruit = fruits.pop(); // 'orange', fruits = ['apple', 'banana']

 

shift()

배열의 첫 번째 요소를 제거하고, 그 요소를 반환합니다.

const fruits = ['apple', 'banana'];
const firstFruit = fruits.shift(); // 'apple', fruits = ['banana']

 

unshift()

배열의 시작 부분에 하나 이상의 요소를 추가하고, 변경된 배열의 길이를 반환합니다.

const fruits = ['banana'];
fruits.unshift('apple'); // ['apple', 'banana']

 

splice()

배열의 기존 요소를 제거하거나 새 요소를 추가하여 배열의 내용을 변경합니다.

const fruits = ['apple', 'banana', 'orange'];
fruits.splice(1, 1, 'mango'); // ['apple', 'mango', 'orange']

 

sort()

배열의 요소를 정렬하고, 정렬된 배열을 반환합니다. 이 메서드는 원본 배열을 정렬합니다.

const numbers = [3, 1, 4];
numbers.sort(); // [1, 3, 4]

 

reverse()

배열의 요소 순서를 반전시킵니다.

const numbers = [1, 2, 3];
numbers.reverse(); // [3, 2, 1]

 

fill()

배열의 모든 요소를 정적인 값으로 채웁니다.

const array = new Array(3);
array.fill(0); // [0, 0, 0]

 

copyWithin()

배열 내부에서 일부 요소의 순서를 복사하여 다른 위치에 붙여넣습니다.

const numbers = [1, 2, 3, 4, 5];
numbers.copyWithin(0, 3, 4); // [4, 2, 3, 4, 5]