자바스크립트 객체 매핑하기

09 Sep 2023

자바스크립트는 동적인 언어로, 여러 가지 데이터 타입을 다룰 수 있는 강력한 기능을 제공합니다. 이 중에서도 객체는 매우 유용하며, 다른 데이터 타입을 효과적으로 매핑(mapping)할 수 있는 기능을 제공합니다.

객체 생성하기

자바스크립트에서 객체는 중괄호 {}로 생성됩니다. 객체는 속성과 값을 가지는 키-값 쌍으로 구성됩니다.

let user = {  // 객체 생성
  name: "John",  // 속성: 값
  age: 30
};

위의 예시에서 user 객체는 name과 age라는 속성을 갖고 있으며, 각 속성의 값은 "John"과 30입니다.

객체의 속성에 접근하기 위해서는 . 연산자를 사용합니다.

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

위의 예시에서 user 객체의 name 속성과 age 속성에 접근하여 값을 출력하고 있습니다.

객체의 속성을 수정하기 위해서는 간단히 해당 속성에 새로운 값을 할당하면 됩니다.

user.age = 35;  // 속성 값 수정
console.log(user.age);  // 35

위의 예시에서 age 속성을 수정하여 그 값을 출력하고 있습니다.

객체에 새로운 속성을 추가하기 위해서는 해당 속성 이름에 값을 할당하면 됩니다.

user.isAdmin = true;  // 새로운 속성 추가
console.log(user.isAdmin);  // true

위의 예시에서 isAdmin이라는 새로운 속성을 추가하고, 그 값을 출력하고 있습니다.

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

delete user.age;  // 속성 삭제
console.log(user.age);  // undefined

위의 예시에서 age 속성을 삭제하고, 삭제된 속성을 출력하고 있습니다.

객체의 속성을 순회하며 작업을 수행해야 할 때에는 for...in 반복문을 사용할 수 있습니다.

for (let key in user) {
  console.log(key);  // 속성 이름 출력
  console.log(user[key]);  // 속성 값 출력
}

위의 예시에서 user 객체의 속성 이름과 속성 값이 순서대로 출력됩니다.

자바스크립트 객체의 매핑 기능을 사용하여 다양한 데이터를 효과적으로 다룰 수 있습니다. 객체 생성, 속성 접근, 수정, 추가, 삭제, 순회 등의 기능을 활용하여 프로그래밍할 때 편리하게 사용할 수 있습니다.