자바스크립트에서 객체는 데이터를 그룹화하고 구조화하는 데 사용되는 강력한 도구입니다. 객체는 속성과 메서드로 구성되어 있으며, 데이터를 효율적으로 저장하고 참조할 수 있는 방법을 제공합니다. 이 글에서는 자바스크립트 객체 데이터를 그룹화하는 다양한 방법을 살펴보겠습니다.

1. 객체 리터럴

가장 간단하고 일반적인 방법은 객체를 리터럴로 생성하는 것입니다. 객체 리터럴은 중괄호({})를 사용하여 객체를 생성하는 방식을 말합니다. 속성과 값은 콜론(:)으로 구분하며, 각 속성은 쉼표로 구분합니다.

const person = {
  name: 'John',
  age: 30,
  city: 'New York'
};

이렇게 생성된 객체는 person 변수에 저장되며, name, age, city와 같은 속성을 가지고 있습니다.

2. 생성자 함수

생성자 함수를 사용하면 여러 개의 객체를 생성할 수 있습니다. 생성자 함수는 일반적인 함수와 동일하지만, new 키워드와 함께 호출되고 this 키워드를 사용하여 객체의 속성 값을 설정합니다.

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

const john = new Person('John', 30, 'New York');
const jane = new Person('Jane', 25, 'London');

이렇게 생성된 john과 jane은 Person 생성자 함수를 사용하여 각각의 객체를 생성합니다.

3. 클래스

ES6부터 도입된 클래스는 객체 지향 프로그래밍의 개념을 자바스크립트에도 도입하였습니다. 클래스를 사용하면 객체 데이터를 그룹화하고 생성자 함수와 유사하게 객체를 생성할 수 있습니다.

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

const john = new Person('John', 30, 'New York');
const jane = new Person('Jane', 25, 'London');

Person 클래스를 사용하여 john과 jane 객체를 생성할 수 있습니다. 클래스는 생성자 함수의 구문적인 간편성을 제공하며, 상속과 같은 객체 지향 프로그래밍 개념도 더욱 쉽게 사용할 수 있습니다.

4. 객체 상속

객체 상속은 기존 객체의 속성과 메서드를 새로운 객체에 상속하는 방법입니다. 상속을 통해 객체를 계층적으로 구성하고, 코드의 재사용성과 유지보수성을 향상시킬 수 있습니다.

class Animal {
  constructor(name) {
    this.name = name;
  }

  sound() {
    console.log('Animal sound');
  }
}

class Dog extends Animal {
  sound() {
    console.log('Woof!');
  }
}

const myDog = new Dog('Max');
myDog.sound(); // 출력: Woof!

Animal 클래스를 상속받아서 Dog 클래스를 정의하고, sound 메서드를 재정의하여 개 특유의 소리인 ‘Woof!’가 출력되도록 했습니다.

결론

자바스크립트의 객체는 데이터 그룹화와 구조화를 위한 강력한 도구입니다. 객체 리터럴, 생성자 함수, 클래스, 객체 상속 등 다양한 방법을 사용하여 객체를 생성하고 데이터를 관리할 수 있습니다. 적절한 객체 데이터 그룹화 방법을 선택하여 코드의 가독성과 유지보수성을 향상시키는 것이 중요합니다.