객체(Object)

• Array 와 마찬가지로 여러 종류의 데이터를 묶음으로 관리하는 데이터 타입
• Array 는 대괄호 [ ] 로 묶지만 객체는 중괄호 { } 로 묶는다.

let person = {
	name: "홍길동",
  	age: 16
}
// {key: value,
//  key: value} 의 형태

• Array 에 포함 되어있던 데이터는 '요소' 였다면, 객체에 있는 데이터 하나하나는 '프로퍼티' 라고한다.
• Array 와는 달리, 객체는 개발자가 넣은 순서대로 출력하지 않는다. 순서가 없다. (인덱스 X)
  
  

❓인덱스가 없는데 객체에 어떻게 접근하지?

1. Dot Notation (점을 이용해서 접근하기)

• person.name ----> 홍길동
• person.age ------> 16

2. Bracket Notation (대괄호를 이용해서 접근하기)

• person['name'] ----> 홍길동
• person['age'] ------> 16

-----> 대괄호 안에 ' ' 넣은 이유는, key 값은 모두 string 타입이기 때문이다.

❓Dot Notation 와 Bracket Notation 의 차이점

1. Dot Notation

• 숫자로 시작되는 key 에 접근 할 수 없다.
• 띄어쓰기가 포함된 key 에 접근 할 수 없다.
• 프로퍼티의 key 에 변수가 포함되어 있다면 사용 할 수 없다.

2. Bracket Notation

• 다 가능하다

객체 리터럴 복습

객체(Object)

객체도 배열처럼 일종의 구조에 여러 데이터 조각을 저장하게 해준다.
하지만 배열에서는 데이터 순서가 중요한데 객체에서는 그렇지 않다.
대신 key:value 형식의 프로퍼티(property) 라는 것을 이용해서 데이터가 저장된다.
그리고 key 를 통해 데이터를 다시 불러올 수 있다.

프로퍼티(property)

두 개의 정보가 모인 것으로 key:value 값으로 구성된다.
이 둘이 쌍(pair)을 이루고 객체는 이 쌍들의 집합이다.

객체 예시

const person = {
	firstName: 'Mick',
  	lastName: 'Jagger'
}
console.log(person);

/* [object Object] {
  firstName: "Mick",
  lastName: "Jagger"
}
*/

객체에서 데이터 불러오는 법

person["firstName"]
// 결과: "Mick"
// 대괄호와 따옴표를 이용한 접근

객체에서 만드는 key는 모두 문자열로 변환된다.
기호 빼고 모든건 다 문자열로 변환된다. 그러니 이 방법 사용시에는 대괄호안에 따옴표를 넣어주어야 한다.
넣지 않으면 유효하지 않게 된다.

person.firstName
// 결과: "Mick"
// .(dot)을 이용한 접근

• 변수 같은 유동적인 것을 객체에서 키로 쓰고 싶으면 대괄호를 사용해야 한다.
  
  
  
  

출처 : udemy the-web-developer-bootcamp-2022