Destructuring

2022. 9. 19. 18:01Javascript

Destructuring은 실전프로젝트 하면서 수없이 쓴거같다. 무턱대고 썼다가 초반엔 어떻게 나오는지 괜히 콘솔 찍어보면서 확인하고

쓰거나 안쓰거나 별 상관없다고 하기엔 사소한 오류를 많이 일으키기 때문에 신경써야하는 부분 중 하나였다.

나중엔 웬만하면 전부 썼다. 로그인 이후 인증 미들웨어를 거친 유저의 정보를 대부분 Destructuring하여 사용했다.

async function createBoard(req, res, next) {
  try {
    ...
    const { userName } = res.locals.User;
    ...
    }

위 코드는 아래와 같다.

var User = { name: 'kim', age: 30, sex: "male"};

const {name, age, sex} = User;

console.log(name, age, sex);// kim 30 male

User라는 객체를 키 값을 맞춰서 변수선언할때 { } 로 감싸주면 맞춰서 value 값이 할당된다.

강의 들었는데 딱 그냥 이정도까지만 알면 사용하는데 아무 문제 없을 듯..

= 기준 좌우 대칭으로 해주는 식으로 사용하자. obj, array 등 가능하고 parameter로도 사용할 수 있다.

'Javascript' 카테고리의 다른 글

optional chaining  (0) 2022.10.27
extends, super  (0) 2022.09.06
prototype 연습문제  (0) 2022.09.06
Async/Await  (0) 2022.09.04
Promise  (0) 2022.09.04