TIL-11, 객체

이전 글에 이어서 객체를 학습해보자.

let user = {
    name: 'Kim namhun',
    email: 'skagns211@gmail.com',
    age: '29'

객체는 위와 같이 Object(user), key(name, email, age),
value('Kim namhun', 'skagns211@gmail.com', '29')로 나타낼 수 있다.

객체의 값을 나타내는 방법으로는 두가지가 있다.

Dot notation
-> user.name; // 'Kim namhun';
-> user.age; // '29';

Bracket notation
-> user['name']; // 'Kim namhun';
-> user['age']; // '29';
(Bracket notation은 string('')값으로 넣어주지 않으면
변수로 취급한다.)

(빈 선언하는 법)
->

let obj = {};

---

객체 Method

Object.keys()
-> 객체의 key 목록을 '배열'로 반환한다.

Object.values()
-> 객체의 값을 '배열'로 반환한다.

Object.entries()
-> 객체가 가지고 있는 키-값 쌍을 '배열'로 반환한다.

Object.assign(target, sources)
-> target 객체에 sources 객체를 병합한 후 target을 반환한다.
(중복된 key는 sources 객체로 변환)

---

객체의 반복문, for .. in

순서가 있는 배열에서 쓰는 for ..of 반복문과 다르게 순서가 없고
키, 값으로 구성되어있는 객체에서는 for ..in 반복문을 사용할 수 있다.

let obj = {
  name: 'Kim namhun',
  age: '29',
  city: 'Cheonan'
}

  for (let key in obj) {
    let value = obj[key];
    
    console.log(key); // 'name', 'age', 'city';
    console.log(value); // 'Kim namhun', '29', 'Chenonan';

위와 같이, 반복문에서 'key'를 선언해주고, 선언해준 'key'에 obj(키)를
반복해서 넣어준다.
결국, 반복문이 끝난 뒤 'key'에는 'obj'의 key값들이,
obj[key]에는 'obj'의 value값들이 할당된다.