자바스크립트는 동적이고 유연한 프로그래밍 언어로, 객체를 사용하여 데이터를 구조화하고 조작하는 데 매우 효과적입니다. 객체는 변수를 그룹화하여 하나의 엔티티로 관리하며, 객체의 속성을 통해 데이터를 표현합니다. 여기서는 자바스크립트에서 객체 데이터 매핑을 사용하는 방법에 대해 알아보겠습니다.

객체 생성

먼저, 객체를 생성하여 데이터를 매핑할 수 있습니다. 객체는 중괄호({})를 사용하여 생성하며, 속성과 값의 쌍으로 데이터를 매핑합니다. 예를 들어, 다음과 같이 사용자 정보를 담은 객체를 생성할 수 있습니다.

const user = {
  name: "John",
  age: 30,
  email: "john@example.com"
};

데이터 접근

객체의 속성에 접근하기 위해서는 도트 연산자나 대괄호 연산자를 사용할 수 있습니다. 도트 연산자는 속성 이름을 직접 입력하여 접근하는 방식이며, 대괄호 연산자는 속성 이름을 변수로 받아 접근하는 방식입니다.

console.log(user.name); // "John"

const propertyName = "age";
console.log(user[propertyName]); // 30

데이터 수정

객체의 데이터를 수정하기 위해서는 할당 연산자를 사용하여 속성 값을 변경할 수 있습니다.

user.email = "johndoe@example.com";
user["age"] = 31;

console.log(user.email); // "johndoe@example.com"
console.log(user.age); // 31

데이터 추가

새로운 속성을 추가하려면, 존재하지 않는 속성 이름을 할당하는 것만으로 손쉽게 추가할 수 있습니다.

user.location = "New York";

console.log(user.location); // "New York"

데이터 삭제

객체에서 속성을 삭제하기 위해서는 delete 키워드를 사용합니다.

delete user.age;

console.log(user.age); // undefined

객체 복사

객체를 복사할 때에는 주의해야 합니다. 객체를 다른 변수에 할당할 때, 실제로는 참조(reference)가 할당되기 때문에, 원본 객체가 변경되면 복사한 변수의 값도 변경됩니다. 이러한 상황에서 객체를 완전히 복사하려면, Object.assign() 메소드나 스프레드 문법을 사용할 수 있습니다.

const userCopy = Object.assign({}, user);

console.log(userCopy.name); // "John"

const userCopy2 = { ...user };

console.log(userCopy2.name); // "John"

자바스크립트의 객체 데이터 매핑 기능을 활용하면, 데이터를 효과적으로 구조화하고 관리할 수 있습니다. 객체를 생성하고 접근하며, 데이터를 수정하고 추가하는 방법을 익혀보세요. 또한, 객체 복사에 관한 주의사항도 유의하면서 코드를 작성해야 합니다.