자바스크립트 객체 개념정리(2) 객체메소드_assign_keys_values_fromEntries_entries

오늘은 객체에서 사용하는 메소드 method에 대해서 알아보겠습니다

객체 개념에 대해서 확인하고 싶으시다면 

miracleground.tistory.com/entry/%EC%9E%90%EB%B0%94%EC%8A%A4%ED%81%AC%EB%A6%BD%ED%8A%B8%EA%B0%9D%EC%B2%B4%EA%B0%9C%EB%85%90%EC%A0%95%EB%A6%ACjavascriptObject%EA%B0%9D%EC%B2%B4%EC%A0%91%EA%B7%BC%EA%B0%9D%EC%B2%B4%EC%B6%94%EA%B0%80%EA%B0%9D%EC%B2%B4%EC%82%AD%EC%A0%9C%EA%B0%9D%EC%B2%B4%EB%A7%8C%EB%93%A4%EA%B8%B0

 

오늘 살펴볼 객체메소드 5개는

Object.assign()  ==객체복제

Object.keys() == 키배열반환

Object.values()==값배열반환

Object.fromEntries() == 키/값 배열 반환

Object.entries()== 키/값을 배열을 객체로 다시 만드는 것

 

입니다!

 

잘보시면 1), 2), 3), 4), 5) 보라색으로 되어 있는 메소드 다섯개가 있습니다.!

 

객체에서 사용할 수 있는 Methods
 
1) Object.assign() : 객체 복제
const user = {
    name : "Mike",
    age : ;30,
}
 
const cloneUser = user;  ///x,
//clonerUser.name을 바꾸면 user의 네임도 바뀝니다.
//이유는? 같은 주소르 참조하기 때문에\
//그렇다면?
 
const newUser = objext.assign({}, user);
newUser.name = "Tom";
console.log(user.name);// "Mike";
newUser != user;
//이름을 바꿔도 변하지않는다. becasue 같은 객체가 아니기에
 
Object.assign({gender: 'male'}, user); //입력시
user에 저키와 키값이 들어가며 총 3개의 property를 가지게된다.
 
2) Object.keys() : 키배열 반환
const user = {
    name : "Mike",
    age : 30,
    gender : ''male,
};
 
Object.keys(user) === ["name", "age", "gender" ]
 
3) Object.values() : 값 배열 반환
 
Object.values(user) === ["Mike", 30, "male"]
 
4) Object.entries() 키/값 배열 반환
 
Object.entries(user) === [
    ["name","Mike"],
    ["age", 30],
    ["gender", "male" ]
]
//한배열에 3개의 배열이 들어간 형태가 된다.
 
5) Object.fromEntries() : 키/값을 배열을 객체로 다시 만드는 것
const arr [
    ["name","Mike"],
    ["age", 30],
    ["gender", "male" ]
]
Object.fromEntries(arr) 
===
 
{
  name : "Mike",
    age : 30,
    gender : ''male,   
}