Javascript ES6에 Enhanced object literals

Nguyen Tinh·2023년 5월 11일

reactjs

목록 보기
4/6
post-thumbnail

Enhanced object가 할 수 있는 것:

1. object에게 Key:value를 정의
2. object에게 Method 정의
3. 변수로 object에게 Key를 정의

1. object에게 Key:value를 정의

var name = 'Javascript;'
var price = 1000;

var course = {
	name:name;//key:value
    price: price;
};
console.log(course);
///{name:"Javascript", price: 1000}

enhanced object가 이렇게 써도 됨

var name = 'Javascript;'
var price = 1000;

var course = {
	name,
    price,
};
console.log(course);

2. object에게 Method 정의

var name = 'Javascript;'
var price = 1000;

var course = {
	name,
    price,
    getName(){
    	return name;
};
console.log(course);
///Javascript

3. 변수로 object에게 Key를 정의

var fieldName = 'name';
var fieldPrice = 'price';

const cource = {
	[fieldName]:'Javascript',//name:'Javascript'
    [fieldPrice]:1000
};
console.log(course);
///{name:"Javascript", price:1000}

0개의 댓글