JavaScript 객체 속성(Property) 생성 방법 완벽 가이드

JavaScript 객체 속성이란?

JavaScript에서 객체 속성(object property)은 세 가지 원시 데이터 타입(primitive data type) 중 하나이거나, 다른 객체와 같은 추상 데이터 타입(abstract data type)일 수 있습니다.

객체 속성은 일반적으로 객체의 메서드 내부에서 사용되는 변수이지만, 페이지 전체에서 활용할 수 있는 전역적으로 접근 가능한 변수로도 사용할 수 있습니다.

객체 속성을 추가하는 기본 문법

객체에 새로운 속성을 추가하는 문법은 매우 간단합니다. 아래 형식을 따릅니다.

objectName.objectProperty = propertyValue;

즉, 객체이름.속성이름 뒤에 할당 연산자(=)를 사용해 값을 지정하면 해당 객체에 속성이 생성됩니다.

실제 사용 예제

다음 코드는 document 객체가 가진 title 속성을 이용해 현재 문서의 제목을 가져오는 예입니다.

var str = document.title;

위 코드를 실행하면 변수 str에는 현재 웹페이지의 제목이 문자열로 저장됩니다. 이처럼 JavaScript의 내장 객체뿐만 아니라 직접 만든 객체에도 동일한 방식으로 속성을 자유롭게 추가하고 읽어올 수 있습니다.