[JS]Object관련 문법

JavaScript에서 Object는 많이 쓰이고 중요한 클래스이다. 시간 많을 때 꼭 Object관련 문서를 읽어보자.

Object에 property 넣는 방법

Object는 property로 구성되어 있고 object.property와 object['property']를 통해서 접근할 수 있다.

Object의 key, value를 순회(loop)하는 방법

• for...in Loop
  • 가장 직관적

const user = {

    name: 'John Doe',

    email: 'john.doe@example.com',

    age: 25,

    dob: '08/02/1989',

    active: true
};

// iterate over the user object

for (const key in user) {

    console.log(`${key}: ${user[key]}`);
}

// name: John Doe

// email: john.doe@example.com

// age: 25

// dob: 08/02/1989

// active: true

• Object.keys() Method

const courses = { java: 10, javascript: 55, nodejs: 5, php: 15 };`

// convert object to key's array

const keys = Object.keys(courses);

// print all keys

console.log(keys);

// \[ 'java', 'javascript', 'nodejs', 'php' \]

// iterate over object

keys.forEach((key, index) => {  
console.log(`${key}: ${courses[key]}`);  
});

// java: 10

// javascript: 55

// nodejs: 5

// php: 15

• Object.values() Method

const animals = {  
tiger: 1,

cat: 2,

monkey: 3,

elephant: 4

};

// iterate over object values

Object.values(animals).forEach(val => console.log(val));

// 1  
// 2  
// 3  
// 4

• Object.entries() Method

const animals = {  
tiger: 1,

cat: 2,

monkey: 3,

elephant: 4

};

const entries = Object.entries(animals);  
console.log(entries);

// \[ \[ 'tiger', 1 \],

// \[ 'cat', 2 \],

// \[ 'monkey', 3 \],

// \[ 'elephant', 4 \] \]