[JavaScript] ES6 (2015) 정말 유용하게 쓰이는 문법!

[JavaScript] ES6 (2015) 정말 유용하게 쓰이는 문법!

/*

ES6(2015)

Destructuring assignment

배열이나 객체의 속성을 해체하여 그 값을 개별 변수에 담을 수 있게 하는 JavaScript 최신 문법입니다.

*/

// 1.

// 이름과 성을 요소로 가진 배열

let arr = ["Bora", "Lee"]

// 구조 분해 할당을 이용해 firstName = arr[0], surname = arr[1] 을 두 변수에 할당하였습니다.

let [firstName, surname] = arr;

console.log(firstName); // Bora

console.log(surname); // Lee

// 2.

// 쉼표를 사용해서 요소를 무시 할 수도 있습니다.

// 두 번째 요소는 필요하지 않음

let [firstArr, , thirdArr] = ["Julius", "Caesar", "Consul", "of the Roman Republic"];

console.log( thirdArr ); // Consul

// 3.

// 변수 교차 교환

// 임시 배열을 만들어 두 변수를 담는 행위를 생략 할 수 있습니다.

let guest = "Jane";

let admin = "Pete";

// 변수 guest엔 Pete, 변수 admin엔 Jane이 저장되도록 값을 교환함

[guest, admin] = [admin, guest];

from http://tmjb.tistory.com/46 by ccl(A) rewrite - 2021-08-17 18:26:06