JS - 객체

Claire·2024년 9월 3일

객체

객체란?

여러 유사한 변수와 함수를 하나로 묶어서 카테고라이징(categorising)한 것
이 때, 객체 안에 묶여있는 각각의 정보를 속성 또는 프로퍼티(property)라고 한다.

객체의 기본 형태

{
  속성 이름1: 속성 값1,
  속성 이름2: 속성 값2,
  속성 이름3: 속성 값3,
  ...
}
{} 로 묶여있는 것이 객체

속성 이름은 문자열이어야 하며, 속성값에는 자바스크립트의 모든 값이 들어갈 수 있다.
그리고 속성이 여러개라면, '쉼표'로 구분한다.

객체 속성에 접근하기

위에서 객체 안에 포함된 정보들을 속성(property)이라고 한다고 설명했다. 이러한 속성에 접근하는 방법은 아래와 같이 2가지가 있다.

  1. 변수명.속성명
const person = {
  name: 'jas',
  age: 18,
  country: 'Korea',
};

> person.name //'jas'
  1. 변수명['속성명']
const person = {
  name: 'jas',
  age: 18,
  country: 'Korea',
};

> person['country'] // 'korea'

이렇게 속성값에 접근하는 방법은 2가지이지만, 1번의 경우에는 속성명에 따로 ''가 없이 접근이 가능한 반면, 2번의 경우 ['속성명']으로 기재해야한다. 왜냐하면, 속성명이 문자열이기 때문이다.

객체의 메서드

위에서 객체의 속성 값으로 자바스크립트의 모든 값을 넣을 수 있다고 언급했다.
이 말인 즉슨, 함수, 배열, 다른 객체까지도 속성값으로 입력이 가능하다는 것을 의미한다.
이 때, 객체의 속성값으로 함수가 들어가면, 해당 함수를 메서드(method)라고 한다.

profile
SEO 최적화 마크업 개발자입니다.

0개의 댓글