javascript 구조 분해 할당

javascript 구조 분해 할당

---

📌 객체 구조 분해 할당

destructuring assignment

const data = {
  user: {
    name: 'John',
    age: 30,
    address: {
      city: 'New York',
      country: 'USA'
    }
  }
};
const {name: userName, address: { city: userCity }} = data.user;
console.log(userName); // 'John'
console.log(userCity); // 'New York'

배열의 데이터 또는 객체의 속성을 별개의 변수로 추출하는 방법

배열이나 객체에 저장된 데이터에서 여러 값을 추출하는 간결하고 편리한 방법이다.

 

 

---

📌 프로젝트 코드 업그레이드!

 

📄 gyeonggi/middlewares/auth-middleware.js 

const { userId } = jwt.verify(token, process.env.SECRET_KEY);

const id = userId.userId;

User.findByPk(id).then((user) => {
  res.locals.user = user;
  // console.log(user);
  next();
});

이 코드를 작성할 때, findByPk 문법이 { id: 7 } 형태의 객체여야 오류가 발생하지 않았다.

그래서 { userId : 7 }은 통과하지 않아 위와 같이 코드를 작성했는데,

이를 한줄로 해결할 수 있는 방법이 있었다.

↓

// 구조 분해 할당
const { userId: id } = jwt.verify(token, process.env.SECRET_KEY);

User.findByPk(id).then((user) => {
  res.locals.user = user;
  next();
});