[JS] 스프레드 연산자

📌...배열명

스프레드 연산자는 배열을 개별 값으로 분해한다.
분해된 개별 값은 함수 인수로 전달하거나 배열에 나열한다

const changeArr = [1, 2, 3];
console.log(...changeArr); // 1 2 3 (배열의 요소가 개별 값으로 분리)

• changeArr 배열의 각 요소를 개별 값으로 분리한다.

활용 예시

배열의 i번째 부터 j번째 배열 역순으로 배치

• splice 메소드의 3번째 인수로 전달

let arr = ['d','g','a','r','o','n'];

// arr의 1~3번째 아이템을 가진 배열 생성
const changeArr = arr.slice(1, 4); 

// arr의 1번째부터 changeArr.length개(3)만큼의 아이템을 반대로 변경
arr.splice(1, changeArr.length, ...changeArr.reverse());

console.log(arr); // ['d','r','a','g','o','n']

📌[...배열명]

기존 배열을 복사하여 새로운 배열을 생성한다.

• 분해된 arr의 개별 값들로 새로운 배열이 만들어진다.

const arr = [1, 2, 3];
const newArr = [...arr];
console.log(newArr); // [1, 2, 3] (새로운 배열)

• arr 배열의 복사본인 newArr을 생성한다.
• arr과 newArr은 서로 별도의 배열이다.