[JavaScript] 프로퍼티(property)란?

📝프로퍼티(property)란?

프로퍼티(property)란 객체(object) 내부에 있는 변수(variable)를 의미한다

객체는 변수와 함수가 모두 포함된 데이터 집합이라고 볼 수 있는데, 객체 내부에 있는 변수를 프로퍼티라고 부른다

+ 프로퍼티는 객체 안에서 키(key)와 값(value) 쌍으로 이루어진 것을 말하는데,

예를 들어, 아래와 같이 객체 리터럴을 사용하여 객체를 생성하고

name이라는 키에 "John"이라는 문자열 값을 할당한 프로퍼티를 만들 수 있다

이렇게 생성된 person 객체는 {} 안에 있는 프로퍼티를 가지고 있으며,

이 프로퍼티는 name이라는 키와 "John"이라는 값으로 이루어져 있다

var person = { name: "John" };

 

객체의 프로퍼티는 다양한 종류의 값을 가질 수 있다

숫자, 문자열, 불리언 값, 함수, 다른 객체 등 모든 타입의 값이 프로퍼티에 할당될 수 있다

 

프로퍼티의 이름은 문자열이어야 하며, 유효한 식별자(identifier)이어야 한다

만약 유효한 식별자가 아닌 이름을 사용하고자 할 경우, 따옴표(")나 작은 따옴표(')를 사용하여 문자열로 감싸주어야 한다

 

프로퍼티는 접근, 추가, 수정, 삭제 등 다양한 작업을 수행할 수 있는데, 이러한 작업은 객체에 대한 연산을 수행할 때

해당 객체의 프로퍼티에 접근하거나 값을 할당함으로써 이루어진다

 

자바스크립트에서 객체의 프로퍼티는 점 표기법(.) 또는 대괄호 표기법([])을 사용하여 접근할 수 있다

아래 코드는 person 객체의 name 프로퍼티에 접근하는 방법이다

점 표기법은 보통 짧고 간결하며, 대괄호 표기법은 프로퍼티 이름이 변수 또는 표현식으로 결정될 때 유용하다

var person = {name: 'John', age: 30};

console.log(person.name);
// "John"

console.log(person['name']);
// "John"