8.1. 프로그램언어 자바스크립트(JavaScript)에서의 객체 생성

by

프로그램언어 자바스크립트(JavaScript)에서의 점 표기법을 사용한 속성 접근

프로그램언어 자바스크립트(JavaScript)에서의 점 표기법을 사용한 속성 접근은 객체의 속성에 접근할 때 사용됩니다. 이 방법은 객체의 속성을 점(.)으로 구분하여 표기하는 방식으로, 객체명 다음에 점을 찍고 그 뒤에 속성명을 적는 방식입니다.

예를 들어, 다음과 같이 객체 obj가 있고 이 객체의 속성인 name에 접근하려면 아래와 같이 점 표기법을 사용합니다.


// 객체 생성
let obj = {
    name: 'John',
    age: 30
};// 점 표기법을 사용한 속성 접근
let personName = obj.name;
console.log(personName); // 출력: John

프로그램언어 자바스크립트(JavaScript)에서의 대괄호 표기법을 사용한 속성 접근

자바스크립트에서의 대괄호 표기법은 객체의 속성에 동적으로 접근할 수 있는 방법입니다. 이 방법은 점 표기법(dot notation)과 함께 사용되며, 특히 속성 이름이 변수에 저장되어 있거나 계산된 경우 유용합니다.

예를 들어, 객체 obj가 있고 해당 객체의 속성에 접근해야 할 때 대괄호 표기법을 사용할 수 있습니다. 대괄호 안에는 속성의 이름을 문자열로 넣어주어야 합니다.


// 객체 생성
let obj = {
  name: 'Alice',
  age: 30
};// 대괄호 표기법을 사용한 속성 접근
let propertyName = 'name';
console.log(obj[propertyName]); // 'Alice'propertyName = 'age';
console.log(obj[propertyName]); // 30

위 예제에서 obj[propertyName]은 obj 객체의 propertyName 변수에 저장된 속성 이름에 해당하는 값을 반환합니다. 이를 통해 속성 이름을 동적으로 결정할 수 있어 유연한 프로그래밍이 가능해집니다.

프로그램언어 자바스크립트(JavaScript)에서의 `this` 키워드를 사용한 속성 접근

프로그램언어 자바스크립트(JavaScript)에서의 this 키워드를 사용한 속성 접근은 중요한 개념입니다. this는 현재 실행 중인 함수의 컨텍스트를 나타내며, 주로 객체 지향 프로그래밍에서 사용됩니다.

예를 들어, 객체 내부에서 this를 사용하여 객체의 속성에 접근할 수 있습니다. 이때 this는 해당 객체를 가리키게 됩니다.


// 객체 생성
let person = {
  name: 'Alice',
  greet: function() {
    console.log('Hello, my name is ' + this.name);
  }
};// greet 메서드 호출
person.greet(); // 출력: Hello, my name is Alice

위 예제에서 person 객체의 greet 메서드 내부에서 this.name을 사용하여 객체의 name 속성에 접근하고 있습니다. 이때 this는 person 객체를 가리키므로 ‘Alice’가 출력됩니다.

this의 값은 함수가 호출될 때 동적으로 결정되므로 주의해야 합니다. 함수가 어떻게 호출되느냐에 따라 this가 가리키는 대상이 달라질 수 있습니다.

프로그램언어 자바스크립트(JavaScript)에서의 `Object.getOwnPropertyDescriptor`를 사용한 속성 접근

자바스크립트에서 `Object.getOwnPropertyDescriptor` 메소드를 사용하면 객체의 속성에 대한 정보를 얻을 수 있습니다.

예를 들어, 객체 `person`이 있고 이 객체의 `name` 속성에 대한 정보를 얻고 싶다면 아래와 같이 사용할 수 있습니다.


const person = {
  name: 'Alice',
  age: 30
};const propertyDescriptor = Object.getOwnPropertyDescriptor(person, 'name');console.log(propertyDescriptor);

위 코드에서 `Object.getOwnPropertyDescriptor` 메소드는 `person` 객체의 `name` 속성에 대한 정보를 `propertyDescriptor` 변수에 저장합니다. 그리고 이 정보를 콘솔에 출력합니다.

프로그램언어 자바스크립트(JavaScript)에서의 `Object.getOwnPropertyNames`를 사용한 속성 접근

자바스크립트에서 객체의 속성을 접근하고자 할 때, Object.getOwnPropertyNames 메서드를 사용할 수 있습니다. 이 메서드는 주어진 객체의 속성 이름들을 배열로 반환해줍니다. 이를 통해 객체에 정의된 모든 속성에 접근할 수 있습니다.

예를 들어, 다음과 같이 객체를 생성하고 Object.getOwnPropertyNames를 사용하여 속성에 접근할 수 있습니다.


// 객체 생성
const person = {
  name: 'Alice',
  age: 30,
  job: 'Developer'
};// Object.getOwnPropertyNames를 사용하여 속성에 접근
const properties = Object.getOwnPropertyNames(person);// 속성에 접근하여 값 출력
properties.forEach(property => {
  console.log(`${property}: ${person[property]}`);
});

Leave a Comment