[JavaScript] 5. 생성자 함수 & object method , Computed property

Zero·2023년 2월 12일
0

JavaScript

목록 보기
5/35

Constructor function

function User(name,age){
	this.name = name;
  	this.age = age;
}

let user1 = new User('Mike',30);
let user2 = new User('Jane',22);
let user3 = new User('Tom',17);
  • 생성자 함수는 첫글자를 대문자로 한다.
  • 생성자 함수는 new 를 꼭 붙여주어야 한다.

Computed property

let a = 'age';

const user = {
 	name : 'Mike',
  	[a] : 30 // age : 30
}
  • computed property : 계산된 프로퍼티

객체에서 사용할 수 있는 메소드들

Object.assign() : 객체를 복제함

const user = {
 	name : 'Mike',
  	age : 30
}

const cloneUser = user; // 복제 안됨 ! 하나의 변수를 두 객체가 접근하고 있는것임 

만약 cloneUser.name = 'Tom' 하면 본래 user객체도 이름이 변경됨

따라서 복제를 해주어야 함

const newUser = Object.assign({},user);
// 초기값 {}에 user 객체가 병합되어 복제된다.

const user = {
	name = 'Mike';
}
const info1 = {
	age : 30,
}
const info2 = {
	gender : 'male',
}

Object.assign(user, info1, info2); 와 같이 여러 객체를 합칠 수 있음 .

Object.keys() : 키 배열 반환

const user = {
 	name : 'Mike',
  	age : 30,
  	gender : 'male',
}
Object.keys(user); // ["name", "age" , "gender"] 반환

Object.values() : 값 배열 반환

Object.entries() : 키/값을 쌍으로 배열 반환

[ ["name","Mike"] , ["age",30] ,["gender","male"]]

Ojbect.fromEntries() : 키/값 배열을 객체로 반환

{ name : 'Mike' ,
age:30 ,
gender : 'male', }


0개의 댓글