ES6-간단히 객체 생성하기, Destructuring array, Destructuring object

ES6-간단히 객체 생성하기, Destructuring array

>간단히 객체 생성하기

​
function getObj(){
  const name ="crong";
  const getName=function(){
    return name;
  }
    const setName = function(newname){
      name=newname;
    }
    const printName=function(){
      console.log(name);
    }
    return{
      getName,setName
    }
}
​
var obj=getObj();
console.log(obj.getName());

위와 같이 객체를 쉽게 생성할 수 있다.

>Destructuring Array

let data=["crong","honux","jk","jinny"];
//아래는 배열값을 index로 참조해서 변수에 넣음
let jisu = data[0];
let jung = data[2];
​
​
destrucuring Array 사용
//위와같은 결과
let [jisu,,jung]=data;
console.log(jisu,jung);
//결과값으로 crong,jk가 나온다.

>Destructuring Object

let obj ={
  name: "crong",
  address : "Korea",
  age: 10
}
​
let {name,age}=obj;
console.log(name,age);
//결과값 crong,10
​
​
//다른이름의 변수에 넣어줄수도있음
let{name:myName, age:myAge}=obj;
console.log(myName);
//결과값 동일

Destructuring을 사용하면 위에서 볼수 있듯이, 객체나 배열에서 필요한 값들을 쉽게 꺼내올수있고, 또그것들을

쉽게 변경시킬수 있고 활용시킬 수 있게 된다 ! :)