javascript 객체 메소드(Object methods), 계산된 프로퍼티(Computed propery)

let n = "name";
let a = "age";

const user = {
    [n] : "Mike",
    [a] : 30,
    [1+4] : 5,
};

console.log(user);

결과

{5: 5, name: 'Mike', age: 30}

    5: 5age: 30

    name: "Mike"

    [[Prototype]]: Object

 

 

- 어떤게 키가 될 지 모를 때 유용

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

const obj = makeObj("나이", 33);

console.log(obj);

결과

{나이: 33}

 

-객체 메소드

const user = {
    name: "Mike",
    age:"30",
};

const user2 = user;
user2.name = "Tom"

console.log(user);
console.log(user2);

 

결과

{name: 'Tom', age: '30'}
{name: 'Tom', age: '30'}

기존에 있던 user와 user2의 이름이 둘 다 변경됨

모두 하나의 객체로 봄

 

-> 복사할 때는 object 메소드 사용

 

-Object.assign

const user = {
    name: "Mike",
    age:"30",
};

const user2 = Object.assign({},user);
user2.name = "Tom"

console.log(user);
console.log(user2);

 

Object.assign({},user) 에서 {}이 초기값에 해당

 

결과

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

{name: 'Tom', age: '30'}

-> user의 값이 user2에 복사되어서 console.log(user2)로 값 노출

 

 

- Object.keys

const user = {
    name: "Mike",
    age:"30",
};

const result = Object.keys(user);

console.log(result);

 

 

결과

(2) ['name', 'age']

keys에 해당하는 값만  배열로 반환

 

- Object.values

const user = {
    name: "Mike",
    age:"30",
};

const result = Object.values(user);

console.log(result);

결과

(2) ['Mike', '30']

values에 해당하는 값만 배열로 반환

 

-Object.entries

const user = {
    name: "Mike",
    age:"30",
};

const result = Object.entries(user);

console.log(result);

 

결과

(2) [Array(2), Array(2)]

    0: (2) ['name', 'Mike']

    1: (2) ['age', '30']

    length: 2

    [[Prototype]]: Array(0)

 

- Object.fromEntries

let arr = [
    ['mon',' 월'],
    ['tue','화'],
];

const result = Object.fromEntries(arr);
console.log(result);

결과

{mon: ' 월', tue: '화'}

배열을 객체로 만듦