객체란?

객체란?

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

원시 값을 제외한 나머지 값(함수, 배열, 정규 표현식 등)은 모두 객체이다.

객체는 0개 이상의 프로퍼티로 구성된 잡합이며, 프로퍼티는 키(key)와 값(value)으로 구성된다.

const person = {
	name: "Kim",
    age : 28,
    // name과 age는 프로퍼티 키
    // "kim"과 28은 프로퍼티 값
}

자바스크립트에서 사용할 수 있는 모든 값은 프로퍼티 값이 될 수 있다.

따라서 함수도 프로퍼티 값으로 사용할 수 있다. 프로퍼티의 값이 함수일 경우, 일반 함수와 구분하기 위해 메서드(method)라 부른다.

const counter = {
	num: 0, // 프로퍼티
    increase: function () { // 메서드
    	this.num++;
    }
}

이처럼 객체는 프로퍼티와 매서드로 구성된 집합체다.

프로퍼티 : 객체의 상태를 나타내는 값(data)
메서드 : 프로퍼티(상태 데이터)를 참조하고 조작할 수 있는 동작(behavior)

객체 표기법

const person = {
  name: ['Bob', 'Smith'],
  age: 32,
  gender: 'male',
  interests: ['music', 'skiing'],
  bio: function() {
    alert(this.name[0] + ' ' + this.name[1] + ' is ' + this.age + ' years old. He likes ' + this.interests[0] + ' and ' + this.interests[1] + '.');
  },
  greeting: function() {
    alert('Hi! I\'m ' + this.name[0] + '.');
  }
};

점 표기법

person.age
person.interests[1]
person.bio()

괄호 표기법

person['age']
person['name']['first']

참조한 곳 : 모던 자바스크립트 Deep Dive책, https://developer.mozilla.org/ko/docs/Learn/JavaScript/Objects/Basics