[TIL] 객체

객체에 저장된 데이터에 접근하기

• Dot Notation
  점을 이용해서 접근한다.
  객체의 이름에 점을 찍고, 접근하고자 하는 데이터의 key를 입력한다.

let myself = {
	name: 'joo',
  	age: 20,
  	dog: 'cherry',
};
console.log(myself.name) //joo

• Bracket Notation
  괄호를 이용해서 접근한다.
  객체의 이름을 사용하고, 그 뒤에 대괄호[]를 활용해서 접근하고자 하는 key를 입력한다.

let myself = {
	name: 'joo',
  	age: 20,
  	dog: 'cherry',
};
console.log(myself['name']) //joo

두 표현법(Dot Notation, Bracket Notation) 의 차이점은?

• Dot Notation
  - 숫자로 시작하는 key에 접근할 수 없다.
  - 띄어쓰기가 포함된 key에 접근할 수 없다.
  - property key에 변수가 포함되어 있으면 접근할 수 없다.

  예시와 함께 설명해보자면,

  let myself = {
    name: 'joo',
    age: 20,
    dog: 'cherry',
  };
  let myKey = 'name'
  console.log(myself['name']) //joo
  console.log(myself[myKey]) //joo
  console.log(myself.myKey); //undefined

즉, Bracket Notation에서는 객체 프로퍼티 중 key를 변수에 담아 그 변수를 대괄호[] 안에 넣어 출력하면 값을 동일하게 나온다.
하지만, Dot Notation 에서는 key에 변수가 포함되어 있으면 접근할 수 없다.

Dot Notation에서는 변수를 사용할 수 없고, Bracket Notation에서만 변수를 사용할 수 있다.

• Bracket Notaion
  모두 가능하다.

객체 안의 배열에 접근하기

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

//여기에서 pine을 반환하고 싶다면,
let foundValue = myPlants[1].list[1];
console.log(foundValue); //pine