본문 바로가기
프론트엔드/JavaScript

[자바스크립트] 객체(Object)란?

by CODESIGN 2022. 4. 23.

JavaScript에서 객체(object)란 무엇일까?

  • 자바스크립트는 객체 기반 프로그래밍 언어입니다. 자바스크립트를 구성하는 거의 '모든 것'이 객체입니다.
이름(name)과 값(value)으로 구성된 속성(property)으로 정렬되지 않은 집합입니다.
속성의 값으로 함수가 올 수도 있습니다. 이러한 속성을 메서드(method)라고 합니다.

 

DEFINITION! 알고 넘어가자!
속성(property): 객체의 상태를 나타내는 값(data)
메서드(method): 속성을 참조하고 조작할 수 있는 동작

 

자바스크립트에서 객체의 propery를 참조하는 방법

객체의 property 문법

객체이름.property이름
객체이름["property이름"]

 

예제

var person = {
	name: "Sam", //이름 프로퍼티를 정의
    birthday: "010101", //생년월일 프로퍼티를 정의
    id: "1234" //id 프로퍼티를 정의
    fullId: function() { //생년월일과 id를 합쳐서 주민등록번호를 반환
    	return this.birthday + this.id;
    }
};

person.name //Sam
person["name"] //Sam
  • 객체는 0개 이상의 요소(property)로 구성된 집합입니다.
  • 요소(property)는 키(key)와 값(value)으로 구성되어 있습니다.
  • 자바스크립트에서 사용할 수 있는 모든 값은 프로퍼티 (속성=property) 값이 될 수 있습니다. 

 

자바스크립트에서 객체의  method를 참조하는 방법

객체의  method 문법

객체이름.method이름()

 

예제

var person = {
	name: "Sam", //이름 프로퍼티를 정의
    birthday: "010101", //생년월일 프로퍼티를 정의
    id: "1234" //id 프로퍼티를 정의
    fullId: function() { //생년월일과 id를 합쳐서 주민등록번호를 반환
    	return this.birthday + this.id;
    }
};

person.fullId() //0101011234

 

댓글