객체

변수 혹은 상수 사용 시 한 이름에 여러 종류의 값을 넣을 수 있다.

const dog = {
  name: 'dog',
  age: 10
};

console.log(dog.name);	// dog
console.log(dog.age);	// 10

객체 선언

// 키: 값
// key에 공백이 없어야 하나 필요한 공백은 ''안에 감싸서 넣어준다.
const sample = {
  'key with space': true
};

함수 파라미터로 사용 시

const dog = {
  name: "hodu",
  age: 10
};

const cat = {
  name: "street",
  age: 5
};

function print(animal){
  const text = `${animal.name} 나이 : ${animal.age}`;
  console.log(text);
}

print(dog);		// hodu 나이 : 10
print(cat);		// street 나이 : 5

객체 비구조화 할당

const dog = {
  name: "hodu",
  age: 10
};

const cat = {
  name: "street",
  age: 5
};

function print(animal){
  // 객체에서 추출한 값으로 상수 선언
  const {name, age} = animal;
  const text = `${name} 나이 : ${age}`;
  console.log(text);
}

print(dog);		// hodu 나이 : 10
print(cat);		// street 나이 : 5

객체들을 파라미터 단계에서 비구조화 할당도 가능하다.

const dog = {
  name: "hodu",
  age: 10
};

const cat = {
  name: "street",
  age: 5
};

function print(name, age){	// 파라미터에서 객체 사용
  const text = `${name} 나이 : ${age}`;
  console.log(text);
}

print(dog);		// hodu 나이 : 10
print(cat);		// street 나이 : 5

객체 안 함수

const dog = {
  name: 'hodu',
  sound: 'wolf!',
  say: function say() {
    // this: 속해있는 객체
    console.log(this.sound);
  }
};

dog.say();

* 객체안 함수는 화살표 함수로 선언 시 this가 자신을 확실히 가르키지 않아 작동에 하자가 있다.