[JavaScript]ES6 Object 객체

/* ES6 */
let tree = {
  height: 10,
  color: 'green',
  grow() {
    this.height += 2;
  }
};

tree.grow();
console.log(tree.height);

/* result = 12 */

JavaScript 변수는 속성이라고 불리는 Object data types를 가질 수 있습니다.

또한, Object는 메소드라고 불리는 속성을 가질 수 있습니다.

 

기존 object안에 function()을 사용하려면 (:) 콜론을 사용했지만 ES6부터는 사용하지 않아도 됩니다.

 

사각 Bracket을 이용하면 [], 속성 이름을 지정할 수 있습니다.

let prop = 'name';
let id = '123';
let mobile = '001';

let user = {
  [prop]: 'Mac',
  [`user_$`]: mobile
};

console.log(user);

/* result = {name: "Mac", user_123: "001" */​

 

[참고자료]

MDN 객체 초기자 : https://developer.mozilla.org/ko/docs/Web/JavaScript/Reference/Operators/Object_initializer