JavaScript 객체(Object)

JavaScript에서 객체(Object)란?

자바스크립트는 객체 기반 프로그래밍 언어이다. 자바스크립트를 구성하는 거의 모든 것이 객체이다.

객체(Object)란 여러 속성을 하나의 변수에 저장할 수 있도록 해주는 데이터 타입이다.

(서로 연관있는 속성과 행동을 묶어주기 위한 것)

• 원시형 값을 제외한 나머지 값(함수,배열,정규 표현식 등)은 모두 객체이다.
• 원시형은 단 하나의 값만을 나타내지만 객체의(참조형)은 다양한 값(원시 값 또는 다른 객체)를 하나의 단위로 구성한 복합적인 자료 구조이다.

객체의 구성

let apple = {
    name:'apple',
    color:'red'
}

• 객체는 0개 이상의 속성(property)로 구성되어 있다.
• 속성(property)는 키(key)와 값(value)으로 구성된다.
• 자바스크립트에서 사용할 수 있는 모든 값은 프로퍼티(property)값이 될 수 있다.

속성(Property)

객체 안을 보면  name과 color이 왼쪽에 있고, apple과 red가 오른쪽에 있습니다. 콤마(,)로 구분되는 것들을

객체의 요소라고 부른다.  apple객체에는 name:'apple'과 , color:'red'까지 두 개의 속성이 있는 것 입니다.

 

키(Key)와 값(value)

요소에서 name과 color같은 것들을 객체의 키(key)라고 하고 'apple'과 'red'를 값(value)라고 부릅니다.

 

키(Key)를 이용해 값(value)를 출력하는것도 가능합니다.

let apple = {
    name:'apple',
    color:'red'
}

console.log(apple);
// 출력값 => { name: 'apple', color: 'red' }
console.log(apple.name);
// 출력값 => apple
console.log(apple.color);
//출력값 => red