JavaScript 객체 속성명 띄어쓰기

const dog = {
  name: '멍멍이',
  age: 2
};

const cat = {
  name: '야옹이',
  age: 4,
  'date of birth': '19-05-12'

};

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

console.log(cat.name);
console.log(cat.age);
console.log('cat.date of birth');

 

◈ Javascript 객체 속성을 파라미터로 꺼내오기

하지만 이 방법은 계속 cowMilk. 어쩌구저쩌구를 써야한다는 불편함이 있다.

 

const cowMilk = {
  maker: 'cow',
  color: 'white',
  alias: 'milk'
};


function print(cowMilk){
  const text = `일명 ${cowMilk.alias}의 색깔은 ${cowMilk.color}이며, 생산자는 ${cowMilk.maker}입니다.`;
  console.log(text);
}


print(cowMilk);

 

◈ 객체 비구조화 할당 or 객체 구조 분해

 

const kitty = {
  alias: 'kitty',
  species: 'cat',
  weight: 40
};


function print(kitty){
  const { alias, species, weight } = kitty;
  const text = `${alias}의 종자는 ${species}이며, 체중은 대체적으로 ${weight}kg 정도이다.`;
  console.log(text);
};


print(kitty);

 

 

이런 식으로도 쓸 수 있다.

또 다른 방법으로는 이런 방법이 있다.

 

 

const kitty = {
  alias: 'kitty',
  species: 'cat',
  weight: 40
};

const puppy = {
  alias: 'puppy',
  species: 'dog',
  weight: 50
};


function print({ alias, species, weight } ){
  const text = `${alias}의 종자는 ${species}이며, 체중은 대체적으로 ${weight}kg 정도이다.`;
  console.log(text);
};


print(kitty);
print(puppy);