[JS] 원본 배열을 변경하지 않는 메소드

아래 메소드들은 원본 배열을 변경하지 않고 새로운 배열을 반환하는 불변성을 지키는 메소드들이다.

Array.prototype.concat()

배열을 병합하여 새 배열을 반환한다.

const array1 = [1, 2, 3];
const array2 = [4, 5, 6];
const newArray = array1.concat(array2);
console.log(newArray); // [1, 2, 3, 4, 5, 6]

---

Array.prototype.filter()

주어진 함수의 테스트를 통과한 요소로 이루어진 새로운 배열을 반환한다.

const array = [1, 2, 3, 4, 5];
const filteredArray = array.filter(num => num % 2 === 0);
console.log(filteredArray); // [2, 4]

---

Array.prototype.map()

주어진 함수를 사용하여 모든 요소를 변환한 후 새로운 배열을 반환한다.

const array = [1, 2, 3];
const mappedArray = array.map(num => num * 2);
console.log(mappedArray); // [2, 4, 6]

---

Array.prototype.slice()

배열의 일부분을 추출하여 새로운 배열을 반환한다.

const array = [1, 2, 3, 4, 5];
const slicedArray = array.slice(2, 4);
console.log(slicedArray); // [3, 4]

---

Array.prototype.join()

배열의 모든 요소를 문자열로 변환하고 지정된 구분자로 연결한 문자열을 반환한다.

const array = ['one', 'two', 'three'];
const joinedString = array.join('-');
console.log(joinedString); // 'one-two-three'

---

Array.prototype.toString()

배열의 모든 요소를 문자열로 변환하고 쉼표로 구분하여 연결한 문자열을 반환한다.

const array = [1, 2, 3];
const string = array.toString();
console.log(string); // '1,2,3'

---

Array.prototype.flat()

중첩 배열을 평탄화하여 새로운 배열을 반환한다.

const array = [1, [2, 3], [4, [5]]];
const flatArray = array.flat();
console.log(flatArray); // [1, 2, 3, 4, [5]]

---

Array.prototype.flatMap()

주어진 함수를 사용하여 각 요소를 평탄화한 후 새로운 배열을 반환한다.

const array = [1, 2, 3];
const mappedAndFlatArray = array.flatMap(num => [num * 2]);
console.log(mappedAndFlatArray); // [2, 4, 6]

---

Array.prototype.reduce()

배열의 각 요소에 대해 주어진 리듀서 함수를 실행하고 하나의 결과 값을 반환한다.

const array = [1, 2, 3, 4, 5];
const reducedValue = array.reduce((accumulator, currentValue) => accumulator + currentValue, 0);
console.log(reducedValue); // 15