[JavaScript_study] 프로퍼티(property)

* 프로퍼티(property)

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

 

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

const dog = { name: '와우', emoji: '강아지' };

console.log(Object.keys(dog));
console.log(Object.values(dog));
// [key, value] 쌍의 배열을 반환
console.log(Object.entries(dog));

// 특정 오브젝트에 해당 key가 있는지 없는지 체크하는 in연산자
console.log('name' in dog);
// 특정 오브젝트에 해당 key가 있는지 없는지 체크하는 hasOwnProperty
console.log(dog.hasOwnProperty('name'));

// 오브젝트의 각각의 프로퍼티는 프로퍼티 디스크립터라고 하는 객체로 저장됨
const descriptors = Object.getOwnPropertyDescriptors(dog);
console.log(descriptors);

// 특정한 key에 해당하는 디스크립터만 가져올 경우
const desc = Object.getOwnPropertyDescriptor(dog, 'name');
console.log(desc);

// defineProperty를 이용해서 Object안에 있는 PropertyDescriptor를 수정이 가능하다.
Object.defineProperty(dog, 'name', {
  value: '멍멍',
  writable: false,
  enumerable: false,
  configurable: false,
});

console.log(dog.name);
// enumerable이 false이기 때문에 ['emoji']만 출력된다.
console.log(Object.keys(dog));
// configurable이 false이기 때문에 값을 삭제할 수 없다.
delete dog.name;
console.log(dog.name);

const student = {};
Object.defineProperties(student, {
  firstName: {
    value: '영희',
    writable: true,
    enumerable: true,
    configurable: true,
  },
  lastName: {
    value: '김',
    writable: true,
    enumerable: true,
    configurable: true,
  },
  fullName: {
    get() {
      return `${lastName} ${firstName}`;
    },
    set(name) {
      [this.lastName, this.firstName] = name.split(' ');
    },
    configurable: true,
  },
});
console.log(student);