[TIL]객체2

객체수정

"name"의 value를 "Happy coder"로 수정해보자!

💻 objectname["key"] = 수정내용
💻 objectname.key = 수정내용

 let myDog = {
    "name": "Coder",
    "legs": 4,
    "tails": 1,
    "friends": ["freeCodeCamp Campers"]
  };
//아래 방법 둘 중 아무거나 사용해도 된다.
  myDog["name"]="Happy Coder"//bracket notation
  myDog.name='Happy Coder'//dot natation 
  
}

객체 속성 추가

"bark" : woof를 추가해보자!

💻 objectname["key"] = value
💻 objectname.key = value

 let myDog = {
    "name": "Happy Coder",
    "legs": 4,
    "tails": 1,
    "friends": ["Wecode Bootcamp"]
  };
//아래 방법 둘 중 아무거나 사용해도 된다.
  myDog["bark"]='woof'//bracket notation
  myDog.bark='woof';//dot natation 

객체 속성 삭제

"tails"프로퍼티를 삭제해보자!

💻 delete objectname["key"]
💻 delete objectname.key

let myDog = {
    "name": "Happy Coder",
    "legs": 4,
    "tails": 1,
    "friends": ["Wecode Bootcamp"],
    "bark": "woof"
  };
//아래 방법 둘 중 아무거나 사용해도 된다.
  delete myDog["tails"]//bracket notation
  delete myDog.tails//dot notation 

객체 안의 객체 접근

myStorage 객체의 속성에 접근하여 glove box 프로퍼티의 값을 변수 gloveBoxContents에 대입해보자!

💻objectname[key][key][key]
💻objectname.key.key.key

let myStorage = {
    "car": {
      "inside": {
        "glove box": "maps",
        "passenger seat": "crumbs"
       },
      "outside": {
        "trunk": "jack"
      }
    }
  };
  
  
  let gloveBoxContents = myStorage['car']['inside']['glove box'];
//"car"라는 key값 안의 "inside"라는 key 값 안의 "glove box"라는 key에 접근 출력하면 'maps'가 나온다.

💡 위 예제에서 dot notation방법으로 접근 할 수 없는 이유는 'glove box'에 공백이 포함 되어있기 때문에 접근할 수 없다.

객체 안의 배열 접근

'pine'을 출력하기위해 객체안의 배열에 접근해보자!

💻 objectname[key][index][index]
💻 objectname.key[index]

 let myPlants = [
    {
      type: "flowers",
      list: [
        "rose",
        "tulip",
        "dandelion"
      ]
    },
    {
      type: "trees",
      list: [
        "fir",
        "pine",
        "birch"
      ]
    }
  ];
  //아래 방법 둘 중 아무거나 사용해도 된다.
 let foundValue = myPlants[1].list[1] //dot notation 
 let foundValue = myPlants[1]["list"][1]//bracket notation