본문 바로가기

코딩/React 본 캠프

Destructuring, Spread Operators, rest

반응형

destructuring (2)

const movie = {
     title: "Inception",
     director: "Christopher Nolan",
     release: {
         year: 2010,
         month: "July"
     }
};

 

객체 안의 객체를 구조분해할당을 하려면 아래처럼 하면 된다.

const { title, release: { year } } = movie; 

 

Spread Operators

객체나 배열을 복사,합칠 때 많이 쓰인다 
const originalUser = {
    name: "르탄이",
    age: 28,
}; 

 

// const updatedUser = originalUser;

const updatedUser = { ... originalUser } === { name: "르탄이", age: 28 } 

 

const first = [1, 2, 3]
const second = [4, 5, 6]

 

const combinedArray = [...first, ...second]; // [1, 2, 3, 4, 5, 6]

 

rest operators

1. 함수의 매개변수

2. 객체 분해 할당 시, 여러 값을 그룹핑

반응형

'코딩 > React 본 캠프' 카테고리의 다른 글

ES6 Modules  (0) 2024.09.20
화살표함수, 조건(삼항)연산자, 단축평가  (0) 2024.09.20
template literals, destructuring  (1) 2024.09.20
[개인학습 시작 2일차] 객체, 배열  (0) 2024.09.20
[개인학습 시작 1일차]  (0) 2024.09.20