TIL - 구조 분해 할당

🔥 구조 분해 할당에 대하여 공부해보자

• 구조 분해 할당 (Destructuring assignment) ⇒배열이나 객체의 속성을 분해해서 그 값을 변수에 담을 수 있게 해주는 표현식을 의미한다.

  1. 배열 구조 분해

     let users = ['hoo', 'sick', 'hoon'];
     let[user1, user2, user3] = users
     //  'hoo'  'sick' 'hoon' 
     
     // users라는 변수에 담긴 배열과 밑에 나오는 [user1, user2, user3]를 담고 있는 배열은 
     // 같은것이라는 것을 의미한다.

  2. 배열 구조 분해 : 기본값

     let [a,b,c] = [1,2]
     // a = 1 , b = 2 , c = ?
     // 이렇게 되면 c에는 값이 들어가지 않기 때문에 미리 기본 값을 설정해두면 된다.
     let [a=1, b=2, c=3] = [2,5];
     // a=2 , b=5 , c=3 => c에 기본값으로 설정되어있는 3이 값으로 된다.
     // a와 b에는 1과2라는 값이 미리 정해져 있지만 2와5라는 새로운 값이
     // 들어온다면 들어온 값이 a와 b의 값이 되게 된다.

  3. 배열 구조 분해 : 일부 반환 값 무시

     let [user1, ,user2] = ['hoon', 'hoo', 'sick', 'a']
     // user1 = 'hoon', 비어있는 값 , user2 = 'sick' 값이 없다.

  4. 배열 구조 분해 : 바꿔치기

     let a = 1; 
     let b = 2; // a와 b를 바꾸고 싶을 때는??
     
     [a,b] = [b,a] // => a=2, b=1로 값이 바꿔치기된다.