자바스크립트에서 객체는 데이터 모델링의 핵심 요소로 사용됩니다. 객체는 속성과 메서드로 구성되며, 해당 속성과 메서드를 통해 데이터를 표현하고 조작할 수 있습니다. 이번 포스트에서는 자바스크립트에서 객체 데이터 모델링을 수행하는 방법에 대해 알아보겠습니다.

객체 생성하기

객체를 생성하는 가장 간단한 방법은 리터럴 표기법을 사용하는 것입니다. 리터럴 표기법은 중괄호 {}를 사용하여 객체를 생성하는 방식입니다. 객체 내부에는 속성-값의 쌍으로 이루어진 키-값 쌍을 정의할 수 있습니다.

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

위의 예시에서 person 객체는 name, age, city 속성을 가지고 있으며, 각 속성의 값으로는 문자열과 숫자가 사용되었습니다.

객체에 속성 추가하기

객체를 생성한 후에는 객체에 동적으로 속성을 추가할 수 있습니다. 이를 위해서는 도트 표기법 또는 괄호 표기법을 사용할 수 있습니다. 도트 표기법은 속성 이름을 직접 기입하는 방식이고, 괄호 표기법은 속성 이름을 문자열로 감싼 후 괄호 내부에 넣는 방식입니다.

person.gender = "Male";
person["email"] = "john@example.com";

위의 예시에서는 person 객체에 gender 속성과 email 속성을 추가했습니다. gender 속성에는 “Male”이라는 값이, email 속성에는 “john@example.com”이라는 값이 저장되었습니다.

객체에서 속성 읽기

객체의 속성을 읽기 위해서는 도트 표기법이나 괄호 표기법을 사용할 수 있습니다. 도트 표기법은 속성 이름을 직접 기입하여 값을 가져오는 방식입니다. 괄호 표기법은 속성 이름을 문자열로 감싼 후 괄호 내부에 넣어 값을 가져오는 방식입니다.

console.log(person.name); // "John Doe"
console.log(person["age"]); // 30

위의 예시에서는 person 객체의 name 속성과 age 속성의 값을 읽어와서 콘솔에 출력합니다.

객체 속성 수정하기

객체의 속성을 수정하려면 도트 표기법이나 괄호 표기법을 사용하면 됩니다. 속성의 값을 간단히 변경하거나 새로운 값을 할당할 수 있습니다.

person.age = 35;
person["city"] = "San Francisco";

위의 예시에서는 person 객체의 age 속성의 값을 35로 수정하고, city 속성의 값을 “San Francisco”로 수정합니다.

객체에서 속성 삭제하기

객체에서 속성을 삭제하려면 delete 키워드를 사용합니다.

delete person.city;

위의 예시에서는 person 객체의 city 속성을 삭제합니다.

객체의 메서드 사용하기

객체는 속성 외에도 메서드를 가질 수 있습니다. 메서드는 함수로 정의되며, 객체 내부에서는 this 키워드를 사용하여 현재 객체에 접근할 수 있습니다.

const person = {
  name: "John Doe",
  age: 30,
  city: "New York",
  getFullName: function() {
    return this.name;
  }
};

console.log(person.getFullName()); // "John Doe"

위의 예시에서는 person 객체에 getFullName 메서드를 추가했습니다. 이 메서드는 name 속성을 반환합니다. 따라서 person.getFullName()을 호출하면 “John Doe”라는 값이 출력됩니다.

결론

이번 포스트에서는 자바스크립트에서 객체 데이터 모델링을 수행하는 방법에 대해 알아보았습니다. 객체는 중요한 데이터 구조로써, 속성과 메서드를 조합하여 데이터를 표현하고 조작할 수 있습니다. 객체를 잘 활용하여 프로그램을 작성하면 데이터 모델링과 관련된 작업을 더욱 쉽게 수행할 수 있습니다.