자바스크립트 변수의 객체 처리 방법

09 Sep 2023

javascript

자바스크립트는 동적 타입 언어로, 변수에는 여러 종류의 데이터 유형을 저장할 수 있습니다. 이 때, 객체는 자바스크립트의 주요 데이터 유형 중 하나입니다. 객체는 여러 속성과 메소드를 포함하며, 이를 효과적으로 다루기 위해 몇 가지 방법을 사용할 수 있습니다.

객체 리터럴 방식

가장 일반적인 객체 생성 방법은 객체 리터럴입니다. 객체 리터럴은 중괄호 {}를 사용하여 객체를 정의하는 방식입니다. 속성과 값은 콜론 :로 구분하고, 각 속성은 쉼표로 구분합니다. 예를 들어, 다음은 person이라는 객체를 만드는 예제입니다.

let person = {
  name: "John Doe",
  age: 30,
  gender: "male"
};

객체 생성자 함수

객체를 생성하는 또 다른 방법은 객체 생성자 함수를 활용하는 것입니다. 객체 생성자 함수는 new 키워드와 함께 사용되며, 객체를 생성하고 초기 속성 값을 설정하는 데 사용됩니다. 예를 들어, 다음은 Person이라는 객체 생성자 함수를 만들어 객체를 생성하는 예제입니다.

function Person(name, age, gender) {
  this.name = name;
  this.age = age;
  this.gender = gender;
}

let person = new Person("John Doe", 30, "male");

프로토타입 기반 객체 생성

프로토타입 기반 객체 생성은 자바스크립트의 핵심 개념 중 하나입니다. 이 방법은 객체의 프로토타입을 공유하여 객체 간의 기능을 공유할 수 있게 해줍니다. Object.create() 메소드를 사용하여 프로토타입 기반 객체를 생성할 수 있습니다. 예를 들어, 다음은 Person 객체의 프로토타입을 공유하는 employee 객체의 예제입니다.

let person = {
  name: "John Doe",
  age: 30,
  gender: "male"
};

let employee = Object.create(person);
employee.jobTitle = "Developer";
employee.salary = 5000;

ES6 클래스

ES6 이후부터 자바스크립트에는 클래스 개념이 도입되었습니다. 클래스는 객체를 생성하기 위한 템플릿으로 사용되며, 생성자 함수 및 메소드를 포함하고 있습니다. 예를 들어, 다음은 Person 클래스를 정의하고 객체를 생성하는 예제입니다.

class Person {
  constructor(name, age, gender) {
    this.name = name;
    this.age = age;
    this.gender = gender;
  }
}

let person = new Person("John Doe", 30, "male");

결론

자바스크립트에서 변수의 객체 처리 방법은 다양한 방식으로 할 수 있습니다. 객체 리터럴, 객체 생성자 함수, 프로토타입 기반 객체 생성, 그리고 ES6 클래스를 활용하는 방법 등이 그 중 일부입니다. 적절한 방법은 상황에 따라 다를 수 있으며, 개발자의 요구에 따라 선택하여 사용할 수 있습니다.

참고 자료:

MDN Web Docs - Objects