[JavaScript] 자바스크립트 객체와 프로퍼티, 메소드

---

자바스크립트 객체

---

객체(Object)란?

자바스크립트의 기본 타입(data type)은 객체(object) 입니다.

객체란 이름(name)과 값(value) 으로 구성된 프로퍼티(property)의 정렬되지 않은 집합니다.

※ 프로퍼티란, 객체 안에 선언된 이름과 값으로 이루어진 한 쌍을 의미합니다.

예제

const person = {
	firstName: "lee",
	lastName: "soonsin",
    	age: 30
    };

위의 예시에서 person은 객체이고 firstName은 프로퍼티(이름), "lee"은 프로퍼티 값(value)입니다.

프로퍼티 값으로 함수가 올 수도 있는데, 이러한 프로퍼티를 메소드(method)라고 합니다.

자바스크립트에서는 숫자, 문자열, 불리언, undefined 타입을 제외한 모든 것이 객체입니다.

하지만 숫자, 문자열, 불리언과 같은 원시 타입은 값이 정해진 객체로 취급되어, 객체로서의 특징도 함께 가지게 됩니다.

 

객체의 프로퍼티 참조

객체의 프로퍼티를 참조하는 방법은 다음과 같습니다.

문법

객체이름.프로퍼티이름

또는

객체이름["프로퍼티이름"]

 

예제

const person = {
	firstName: "lee",      //성의 프로퍼티 값을 lee로 정의함
	lastName: "soonsin",   //이름의 프로퍼티 값을 soonsin 으로 정의함
    	age: 30  		   //나이의 프로퍼티 값을 30으로 정의함
    };
person.firstName // lee
person.lastName // soonsin
person.age //30

person["firstName"] // lee
person["lastName"] // soonsin
person["age"] //30

 

객체의 메소드 참조

객체의 메소드를 참조하는 방법은 다음과 같습니다.

문법

객체이름.메소드이름()

예제

const person = {
	tall: 170,	       //키의 
    	age: 30,  		   //나이의 프로퍼티 값을 30으로 정의함
        sum: funtion() {
        	return this.height + this.age;
            }
    };
    
person.sum() // 200

위 예제는 프로퍼티 값으로 함수가 온 경우로, 메소드라 부릅니다.

sum은 funtion() { ... } 선언과 함께 함수로 정의합니다.

참조하는 방법은 person.sum() 입니다.

---