Spread 연산자 활용

1. logging에 사용

1 2

let fruits = ['🍈', '🍉', '🍋', '🍌']; console.log(...fruits); //🍈 🍉 🍋 🍌

cs

2. 배열 복사에 사용

1 2 3

let fruits = ['🍈', '🍉', '🍋', '🍌']; let fruitsCopy = [ ...fruits ]; console.log(...fruitsCopy); //🍈 🍉 🍋 🍌

cs

3. 병합시 사용

1 2 3

let fruits = ['🍈', '🍉', '🍋', '🍌']; let vegetables = ['🍅', '🍆', '🥒']; let fruitsAndVeg = [...fruits, ...vegetables]

cs

객체를 병합하는 동안 키가 이미 있으면 동일한 키를 가진 마지막 객체로 바뀝니다.

1 2 3 4

let user1 = {name : "John", age : 20 }; let user2 = {name : "Ram", salary: '20K' }; let userCopy = {...user1, ...user2}; userCopy ; // {name : "Ram", age :20 , salary : '20K'};

cs

4. 인수로 전달

1 2 3 4 5 6

function sum(a, b) {     return a+b; }   let num = [1,2]; sum(...num); // 3

cs

5. 배열 중복제거

배열

1 2 3

let num = [1, 3, 1, 3, 3, 1]; let uniqueNum = [...new Set(num)]; uniqueNum; //[ 1, 3 ]

cs