JavaScript destructuring

Destructuring의 기본

JavaScript

const obj = { name: "장성호", age: 20, weight: 80 };

const { name, age } = obj;

console.log(name); // 장성호

console.log(age); // 20

변수를 줄이기 위해 오브젝트에서 name과 age만 분해한다. 원래 배열은 영향을 받지 않는다.

 

JavaScript

const animals = ["lion", "tiger", "rabbit"];

const [first, second] = animals;

console.log(first); // "lion"

console.log(second); // "tiger"

원래라면 const first = animals[0] 와 const first = animals[1] 로 써야했는데 구조분해를 통해 간단하게 쓸 수 있게 되었다.

 

 

 

 

 

지도 좌표 구조분해

JavaScript

navigator.geolocation.getCurrentPosition(function (position) {

  const { coords } = position;

  const { latitude: x, longitude: y } = coords;

  console.log(x); // 37.5207569

  console.log(y); // 126.9003409

});