[Javascript] Destructuring (구조 분해 할당)

1) 어레이 기본 사용법
  let num = [1, 2];
  let a = num[0];
  let b = num[1];

2) Destructuring 사용 (직관적으로 이해)
  let [a, b] = [1, 2];

3) 좀 더 편하게 사용
  let [a, b] = num;

4) 파이썬 처럼 자리 바꾸기 가능
 	[arr[0], arr[1]] = [arr[1], arr[0]]

5) 백준 풀 때 편하게 인풋 받을 수 있음
// sample input이 만약 '10 50'이면
const [n, m] = input[0].split(' ').map((num) => parseInt(num));
// n === 10
// m === 50
디스트럭쳐링 몰랐을 땐 아래 처럼 일일이 다 적었습니다. 😭
const inputZero = input[0].split(' ').map((num) => parseInt(num));
const n = inputZero[0]
const m = inputZero[1]

6) '...rest' 문법이랑 연계하면
// sample input이 만약 '10 0 1 2 3 4 5 6 7 8 9'이면
const [n, ...nums] = input[0].split(' ').map((num) => parseInt(num));
// n === 10
// nums === [0, 1, 2, 3, 4, 5, 6, 7, 8, 9]

리액트

리액트를 시작하니 ES6+ 문법을 시작부터 사용하네요! 자연스레 배우게 되었습니다. ㅎㅎ 이전부터 문법 그 자체로는 알고 있었지만 실제로 자주 사용하게 되니 좋네요. 역시 순서대로 배우는것보단 이것 저것 병렬적으로 배우면서 깨우치는게 가장 좋은것 같아요.

포이마웹 - 디스트럭쳐링