[JavaScript] 중급 #3 - 객체 메소드(Object methods), 계산된 프로퍼티(Computed property)

 

Computed property

let a = ‘age’;

const user = {
	name: ‘Angel’,
	[a]: 30 //age: 30
}

 

const example = {
	[1+4]: 5,
	[“안녕”+”하세요”]: “Hello”
}

console.log(example)


//	Object {
//		5: 5,
//		안녕하세요: “Hello”
//	} 출력

 

function makeObj(key, val) {
	return {
		[key]: val,
	};
}

const obj = makeObj(“age”, 30);

console.log(obj); //{age: 30} 출력

 

 

객체 메소드

Object.assign(): 객체 복제

ex)          

const user = {
	name: ‘Angel’,
	age: 30
}

const newUser = Object.assign({}, user);

const newUser2 = Object.assign({ id: 1004 }, user);

const newUser3 = Object.assign({ name: Baby }, user);

 newUser → name: ‘Angel’, age: 30

 newUser2 → name: ‘Angel’, age: 30, id: 1004

 newUser3 → name:’Baby’, name: ‘Angel’, age: 30

 

※  newUser = user;는 참조 복사(얕은 복사)가 되어 만약 newUser.name = ‘Baby’로 변경 시 user의 name도 ‘Baby’로 변경된다.  

 

ex)         

const user = { name: ‘Angel’ }

const info1 = { age: 30 }

const info2 = { id: 1004 }

const newUser = Object.assign(user, info1, info2);

// newUser → name: ‘Angel’, age: 30, id: 1004

 

 

 

Object.keys(): 객체 프로퍼티의 키를 배열로 반환

 const user = {
	name: ‘Angel’,
	age: 30,
	id: 1004
}

Object.keys(user); //[“name”, “age”, “id”]

 

 

Object.values(): 객체 프로퍼티의 값을 배열로 반환

Object.values(user); //[“Angel”, 30, 1004]

 

 

Object.entries(): 객체 프로퍼티의 키와 값을 배열로 반환

Object.entries(user); 


//	[
//		[“name”, “Angel”],
//		[“age”, 30],
//		[“id”, 1004]
//	]

 

 

Object.fromEntries(): 키와 값의 배열을 객체로 만듦

const arr =
	[
		[“name”, “Angel”],
		[“age”, 30],
		[“id”, 1004]
	]

Object.fromEntries(arr);


//	{
//		name: ‘Angel’,
//		age: 30,
//		id: 1004
//	}

 

 

 

 

↓[코딩앙마] 자바스크립트 중급 강좌 링크

https://www.youtube.com/watch?v=6NZpyA64ZUU