JavaScript Objects

실생활에서 자동차는 객체(Object)입니다.

자동차에는 무게 및 색상과 같은 속성(properties)과 시작 및 중지와 같은 메서드(methods)가 있습니다.

모든 자동차는 동일한 속성(properties)을 갖지만, 속성 값(property values)은 자동차마다 다릅니다.

모든 자동차에는 동일한 메서드(methods)가 있지만, 메서드는 다른 시간에 수행됩니다.

JavaScript 변수가 데이터 값을 위한 컨테이너라는 것을 이미 배웠습니다.

다음의 코드는 car라는 변수(variable)에 간단한 값 (Fiat)을 할당합니다.

// Create and display a variable:
let car = "Fiat";
document.getElementById("demo").innerHTML = car;  // Fiat

객체(objects)도 변수(variables)입니다. 그러나 객체는 많은 값을 포함할 수 있습니다.

아래의 코드는 car라는 변수에 많은 값 (Fiat, 500, white)을 할당합니다.

// Create an object
let car = { type: 'Fiat', model: '500', color: 'white' };
 
// Display some data from the object:
document.getElementById('demo').innerHTML = 'The car type is ' + car.type;
/* The car type is Fiat */

값(value)은 이름:값(name:value) 쌍(pairs) (콜론으로 구분된 이름과 값)으로 기록됩니다.

JavaScript 객체는 속성 또는 메서드라고 하는 명명된 값(named values)을 위한 컨테이너입니다.