객체 (Object)

임창현·2022년 10월 20일
0

JavaScript

목록 보기
4/6
post-thumbnail
post-custom-banner

1. 객체(object)란?

자바스크립트의 객체는 키(key)과 값(value)으로 구성된 프로퍼티(Property)들의 집합이다.
프로퍼티 값이 함수일 경우, 일반 함수와 구분하기 위해 메소드라고 부른다.

이와 같이 객체는 데이터를 의미하는 프로퍼티(property)와 데이터를 참조하고 조작할 수 있는 동작(behavior)을 의미하는 메소드(method)로 구성된 집합이다. 객체는 데이터(프로퍼티)와 그 데이터에 관련되는 동작(메소드)을 모두 포함할 수 있기 때문에 데이터와 동작을 하나의 단위로 구조화할 수 있어 유용하다.

1.1 프로퍼티

프로퍼티는 프로퍼티 키(이름)와 프로퍼티 값으로 구성된다. 프로퍼티는 프로퍼티 키로 유일하게 식별할 수 있다. 즉 프로퍼티 키는 프로퍼티를 식별하기 위한 식별자(identifier)다. 프로퍼티 키의 명명 규칙과 프로퍼티 값으로 사용할 수 있는 값은 다음과 같다.

  • 프로퍼티 키 : 빈 문자열을 포함하는 모든 문자열 또는 symbol 값
  • 프로퍼티 값 : 모든 값

프로퍼티 특징

  • 프로퍼티 키에 문자열이나 symbol 값 이외의 값을 지정하면 암묵적으로 타입이 변환되어 문자열이 된다.
  • 이미 존재하는 프로퍼티 키를 중복 선언하면 나중에 선언한 프로퍼티가 먼저 선언한 프로퍼티를 덮어쓴다.
  • 배열과는 달리 객체는 프로퍼티를 열거할 때 순서를 보장하지 않는다.

1.2 메소드

프로퍼티 값이 함수일 경우. 일반 함수와 구분하기 위해 메소드라고 부른다 (객체에 제한된 함수)

2. 객체 생성 방법

2.1 객체 리터럴

var emptyObject = {};

가장 일반적인 자바스크립트의 객체 생성 방식으로 중괄호{}를 사용하여 객체를 생성한다.({}내에 1개 이상의 프로퍼티를 기술하면 해당 프로퍼티가 추가된 객체를 생성할 수 있고 {}내에 아무것도 기술하지 않으면 빈 객체가 생성된다.)

2.2 object 생성자 함수

var person = new Object();

new 연산자와 Object 생성자 함수를 호출하여 빈 객체를 생성할 수 있다. 빈 객체 생성 이후 프로퍼티 또는 메소드를 추가하여 객체를 완성하는 방법이다.

생성자(constructor) 함수란 new 키워드와 함께 객체를 생성하고 초기화하는 함수를 말한다. 생성자 함수를 통해 생성된 객체를 인스턴스(instance)라 한다. 일반 함수와 생성자 함수를 구분하기 위해 생성자 함수의 이름을 파스칼 케이스(PascalCase)를 일반적으로 사용한다.

3. 프로퍼티 접근

console.log(difficult.33);

접근은 dot(.)으로 접근하는 방법과, [] 대괄호로 접근하는 법이 있었습니다.
숫자로 된 키는 대괄호로 접근해야 합니다.

profile
Hi there 👋 i'm backend developer
post-custom-banner

0개의 댓글