참고 강의

• 홍팍의 자바스크립트

[ Object 객체 ]

{properties}의 집합으로
properties는 Key:Value의 쌍을 의미.

사용자가 직접 만든 데이터로, 프로퍼티의 집합

const chicken = {
	name :  "당당치킨",
    price : 6990,
    kcal : 2100
 };

[ 객체 사용 ]

for(let key in chicken) {
  const value = chicken[key];
  console.log(`${key} = > ${value}`);
}

객체[키값] 을 넣어 그 키의 값을 가져올 수 있습니다.

[ 프로퍼티 여부 확인 ]

console.log("name" in chicken); // true
console.log("price" in chicken); // true
console.log("weight" in chicken); // false

[ 프로퍼티 다루기 ]

[ .닷 연산 ]

객체 키를 통해 가져옴

const ramen = {
  name : "뽀글이",
  price : 3000
};

console.log(ramen);

다음과 같이 객체를 만들어준다면,

다음과 같이 객체가 출력됩니다.

요즘 물가가 오르니 뽀글이 가격을 올려보겠습니다.

ramen.price += 500;
console.log(ramen);

라멘의 가격 값에 500원을 더해 3500원이 출력됩니다.

[ ()대괄호 연산 ]

객체의 키를 조작하여 값을 가져옴

객체명['키'] 를 넣어 값을 가져올 수 있습니다.

const ramen = {
  name : "뽀글이",
  price : 3000
};

console.log(ramen);

ramen['price'] += 500;

console.log(ramen)

똑같이 값을 가져올 수 있습니다.

[ 객체 프로퍼티 확인 ]

짱구를 만들어주고 프로퍼티를 넣어주었습니다.

const zzanggu = {
  name: "짱구",
  age: 5,
  school: "떡잎 유치원",
  skill: ["부리부리부리", "눈빛 공격"]
}
>
for (let key in zzanggu) {
  console.log(`${key}: ${zzanggu[key]}`);
}

zzangggu객체를 key라는 변수에 넣으면 key에 자동으로 짱구의 key값들이 들어가게 됩니다. 이를 이용해서 출력한다면

다음과 같이 출력됩니다.

[ 객체 배열 활용하기 ]

객체또한 배열에 담길 수 있음

[ 대표 배열 순회법 ]

• for
• forEach
• for .. of

const arr = [
  {name: "PC방 3시간", price: 3000}, 
  {name: "슈넬 치킨", price: 5500}, 
  {name: "제로 콜라", price: 1500}
]

console.log("==PC방 이용내역==");
for(let i=0; i<arr.length; i++) {
  console.log(`${arr[i].name}(${arr[i].price}원)`);;
}

console.log("== 총 합 ==");
let sum = 0;
for (let i=0; i<arr.length; i++) {
  sum += arr[i].price;
}

console.log(`${sum}원`);
console.log(" ");
console.log(" ");
console.log(" ");

for (let item of arr) {
  console.log(item);
}

for문으로 하나씩 객체를 가져와서 객체의 프로퍼티를 뽑을 수 있습니다.