destructuring, double bang

destructuring inside object

Instagram Sidebar를 만들다가 발견하게된 문법(?)이다.
보통 obj안에 obj를 desturcturing(이하 des)해야한다면 따로따로 des를 해야했다.

const obj = { active: { a: 1, b: 2, c: 3, d: 4 } };
const { active } = obj;
const { a, b, c, d } = active;

요런식으로 말이다.

근데 한번에 des할 수 있다.

const { active: { a, b, c } = {} } = obj;

짜잔! 그리고 만약 active값이 존재하지 않으면 그냥 빈 obj를 des하도록 default값도 줄 수 있다.

double bang

  • profile - header - setIsFollowing할때 배운 내용.
  • 특별한거 없다. 그냥 어떤 값을 true/false로(boolean 값) 만들어줄때 !!를 앞에 붙여주는 것이다. 이러한 기법을 double bang이라고 한다.
const userId = 'NJIWE12312K';
const isFollowing = !!userId; // true

좋은 웹페이지 즐겨찾기