ES6 - 배열를 구조 분해해서 필드 값 얻기 (한번에 객체 필드 값 변수에 할당하기)

 

객체 필드값을 분해하는 방식은 이전 글에 포스팅 했다. 

2019/06/26 - [ES6] - ES6 - 객채를 구조 분해해서 필드 값 얻기 (한번에 객체 필드 값 변수에 할당하기)

 

---

 

배열에 있는 값을 변수로 구조 분해 해보자. 

 

var [first, two, third] = ["용사의 투구", "용사의 검", "용사의 방패"]

console.log( first , two , third ) 

 

결과) 

용사의 투구 용사의 검 용사의 방패

 

first, two, third에 각각의 배열 원소에 하당하는 값이 되었다. 

 

---

한 개의 변수만 선언하면 해당하는 배열의 원소만 값이 대입된다. 

var [first] = ["용사의 투구", "용사의 검", "용사의 방패"]

console.log( first ) 

 

결과 ) 

용사의 투구 

 

---

리스트 매칭 방식으로 원하는 배열의 원소 값만 받고 싶을 때 사용하면 된다. 

변수가 선언되지 않은 인덱스는 무시된다. 

var [ , , third] = ["용사의 투구", "용사의 검", "용사의 방패"]

console.log( third ) 

 

결과) 

용사의 방패