🔍 객체(object)

객체란 자바스크립트 데이터 타입 중 하나로 프로그램 안에서 인식할 수 있는 모든 것을 말한다. 객체에는 프로퍼티와 메서드로 구성되어 있고, 배열과 다르게 순서가 없다.

프로퍼티(property) : 객체의 속성(=변수) <

메서드(method) : 객체 동작(=함수)

🔍 자바스크립트의 객체 종류

1. 내장객체(built-in object)
   👉자바스크립트 안에 미리 정의되어 있는 객체 - Date, Number, Boolean, Array, Math


2. 문서 객체 모델(DOM)
   👉객체를 사용해 웹 문서를 관리하는 방식


3. 브라우저 객체 모델(BOM)
   👉웹 브라우저 주소 표시줄이나 창크기와 같은 브라우저 정보를 객체로 관리하는 방식


4. 사용자 정의 객체
   👉사용자 필요할 때 자신의 객체를 정의하는 방식

객체에 접근하는 방법

1. Dot Notaion
💻 objectName.key

2. Bracket Notaion
💻 objectName['key'] => " " 를 쓰는 이유는 key가 전부 string이기 때문!

💡Dot Notation은 숫자로 시작하거나, 공백이나 변수가 포함되어 있는 key에는 접근할 수 없고, 영문과 숫자, _ , $만 사용할 수 있다.

사용자 정의 객체 예제

우리집 강아지에 대한 객체에 접근해보자!

💻 let objectName = {key : value} => 객체를 만들 때 가장 많이 사용되는 리터럴표기법!

let myDog = { name : "수박", age : 5, birth : "5월20일", type : "poodle" }

console.log(myDog.name) // "수박"
console.log(myDog['age']) // 5