JS - 배열이나 개체에서 데이터 가져오기 ES6 버전 ( Retrieve data from an array or object ES6 )

 

 

배열에서 데이터 가져오기

 

//데이터 가져올 배열
let numbers = [1, 2, 3, 4];

//기존 방식
let one = numbers[0],
    two = numbers[1],
   three = numbers[2],
   four = numbers[3];
console.log(one); -- 1 출력

-----------------------------------------

//ES6 - 변수 이름을 통해 데이터에 액세스 가능
let [one, two, three, four] = numbers;
console.log(one); -- 1 출력

-----------------------------------------

//ES6 - 원하는 요소만 가져오기도 가능
let [ , , three] = numbers;
console.log(three); -- 3출력

 

 

---

 

 

개체에서 데이터 가져오기

 

//데이터 가져올 객체
const APPLE = {
  type: 'red delicious',
  color: 'red',
  size: 'large'
}

---------------------------------------------------------------

//기존 방식
const type = APPLE.type;
const color = APPLE.color;
const size = APPLE.size;

console.log(color);  --red 출력

---------------------------------------------------------------

//ES6 - 변수 이름을 통해 데이터 액세스 가능
const { type, color } = APPLE;
console.log(color); -- red 출력

---------------------------------------------------------------

//존재하지 않는 변수 이름으로 구조 분해 구문을 사용하려고 하면 "정의되지 않음"이 반환
const { type, color, size, packaging } = APPLE;
console.log(packaging); -- undefined 출력