[ Javascript ] Object 객체의 정적 메서드

 

Object Static Method

 

Object 전역 객체부분의 프로토 타입의 메서드가 아니라서 전역객체에 직접 사용해야한다. 

실제 객체 데이터 자체에 사용 할 수 없다. 

 

1 . assign(대상객체, 출처객체, ... , ...) 

매개변수 하나 이상의 객체를 병합하여 리턴한다. 

속성의 이름은 고유해야하는데 이름이 동일하다면 대상객체 위에 출처객체가 덮어써진다.

const userAge ={
	name :'Heropy',
    age: 85
}

const userEmail ={
	name :'Heropy',
    email: 'thescon@gmail.com'
}


const tartget = Object.assign(userAge, userEmail);
console.log(tartget) 
// {name :'Heropy', age: 85, email: 'thescon@gmail.com'}

console.log(tartget == userAge)  
// 결과 : true  => 메모리 주소  참조 하여 사용하기 때문에 같은 메모리이다.

 

만약 합쳐서 새로운 객체 데이터를 만들고 싶다면 ,

const tartget = Object.assign({},userAge, userEmail);
console.log(userAge); 
// {name :'Heropy', age: 85}
console.log(tartget) ;
// {name :'Heropy', age: 85, email: 'thescon@gmail.com'}
console.log(tartget == userAge)  
// 결과 : false

 

 

2. keys(객체)

객체의 프로퍼티 이름을 추출하여 배열 데이터를 만든다.

const user ={
	name :'Heropy',
    age: 85,
    email: 'thescon@gmail.com'
}

const keys = Object.keys(user);
console.log(keys) 
//결과 [name,age,email] => 프로퍼티 이름을 추출하여 배열데이터를 만들 수 있다.

 

 

※ 객체 데이터의 인덱싱

1. user['email']
2. user.email

 

※ keys 활용 방법 : 객체의 값들만 배열로 추출 할수 있다. 

const values = keys.map(key => user[key]);
console.log(values);
//  결과 : ["Heropy",85,"thesecon@gmail.com"]

 

 

다른 Object 메소드들의 활용방법은 아래 사이트를 통해 확인할 수 있다.

https://developer.mozilla.org/ko/docs/Web/JavaScript/Reference/Global_Objects/Object

Object - JavaScript | MDN