JavaScript 3주차

객체에 대해 알아보자.🍍

🏳️ 객체의 정의란 무엇이며 필요한 이유 객체란? 이름(key)과 값(value)으로 구성된 프로퍼티(property)의 정렬되지 않은 집합이다.

1. 배열에 비해 직관적이다.
2. 유지보수가 용이하다.

🏳️ 객체에서의 property, key, value

const 객체 = {
  name: "LJH",
  age: 28,
  sub: {
    bloodType: "B",
  },
  city: "busan",
  hi() { console.log('안녕') }    // hi: function() { console.log('안녕') }
};

let city = "age";

console.log(객체.city); //busan  dot notation

console.log(객체[city]); //28	   bracket notation

console.log(객체["age"]); //28

console.log(객체.name); //LJH

console.log(객체["sub"].bloodType); // B

객체의 기초 사용 예시

  let myDog = {
    "name": "Happy Coder",
    "legs": 4,
    "tails": 1,
    "friends": ["Wecode Bootcamp"],
    "bark": "woof"
  };

  myDog.name = 'LJH'; // 수정
  myDog.age = 28; 	 // 추가
  delete myDog.bark;  // 삭제

객체의 수정, 추가, 삭제 사용해보기

  let myPlants = [
    {
      type: "flowers",
      list: [
        "rose",
        "tulip",
        "dandelion"
      ]
    },
    {
      type: "trees",
      list: [
        "fir",
        "pine",
        "birch"
      ]
    }
  ];


	console.log(myPlants[1].list[1]); // pine

객체와 배열에서 필요한 값 추출해내기

---

const obj = {
  name: 'melon',
  weight: 4350,
  price: 16500,
  isFresh: true
}

Object.keys(obj) // ['name', 'weight', 'price', 'isFresh']

Object.values(obj) //  ['melon', 4350, 16500, true]

Object.entries(obj)
//  ['name', 'melon'],
//  ['weight', 4350],
//  ['price', 16500],
//  ['isFresh', true]

신문법> 이것으로 반복문 사용가능