fruits = ["🍓", "🍒", "🍉"];
foods = ["🍔", "🌭", "🍗"];
console.log(fruits);
console.log(foods);
// spread-syntax: ...array
// element들을 하나씩 다 표현할 수 있다.
fridge = [...fruits, "🤔", ...foods, "👋"];
console.log(fridge); // ['🍓', '🍒', '🍉', '🤔', '🍔', '🌭', '🍗', '👋']
// spread-syntax: ...object
item = {
type: "👔",
size: "M",
};
detail = {
price: "20",
gender: "M",
};
// made: 추가하고 싶은 property도 추가가능
// size, price: 이미 존재하는 property도 수정 가능
console.log({ ...item, ...detail }); // {type: '👔', size: 'M', price: '20', gender: 'M'}
shirt = { ...item, made: "korea", ...detail, size: "L", price: "30" };
console.log(shirt); // {type: '👔', size: 'L', made: 'korea', price: '30', gender: 'M'}
Object.assign
array.push
array.unshift
array.concat
같은 메소드들을 spread-syntax 하나로 표현할 수 있다.