자바스크립트 객체 데이터 처리 방법

09 Sep 2023

자바스크립트에서 객체는 속성과 값의 쌍으로 구성된 데이터를 나타내는데 사용됩니다. 이번 글에서는 자바스크립트 객체 데이터를 다루는 다양한 방법을 알아보겠습니다.

1. 객체 생성

객체를 생성하는 가장 일반적인 방법은 중괄호({})를 사용하는 리터럴 문법입니다. 객체 리터럴을 사용하여 생성된 객체는 속성과 값의 집합으로 초기화됩니다.

예를 들어, 다음은 person이라는 빈 객체를 생성하고 name과 age라는 속성을 설정하는 예시입니다:

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

객체의 속성에 접근하는 방법은 마침표(.)를 사용하는 점 표기법과 대괄호([])를 사용하는 대괄호 표기법이 있습니다.

// 점 표기법
console.log(person.name);  // "John"

// 대괄호 표기법
console.log(person["age"]);  // 30

객체에 새로운 속성을 추가하거나 기존의 속성을 수정하는 방법은 간단합니다. 점 표기법이나 대괄호 표기법을 사용하여 속성에 접근한 후 값을 대입하면 됩니다.

person.name = "Jane";
person["age"] = 25;

delete 키워드를 사용하여 객체의 속성을 삭제할 수 있습니다.

delete person.age;

객체의 모든 속성을 순회하고 싶을 때는 for...in 문을 사용합니다. 이 문법을 사용하면 객체의 모든 열거 가능한 속성을 반복할 수 있습니다.

for (let key in person) {
  console.log(`${key}: ${person[key]}`);
}

특정 속성이 객체에 존재하는지 확인하려면 in 연산자를 사용하거나 hasOwnProperty 메서드를 사용할 수 있습니다.

console.log("name" in person);  // true
console.log(person.hasOwnProperty("age"));  // false

객체를 복사하려면 얕은 복사(shallow copy) 또는 깊은 복사(deep copy)를 사용할 수 있습니다.

// 얕은 복사
let clone = Object.assign({}, person);

// 깊은 복사
let deepClone = JSON.parse(JSON.stringify(person));

위에서 언급한 방법들은 자바스크립트에서 객체 데이터를 처리하는 일반적인 방법입니다. 객체는 현대적인 웹 개발에서 자주 사용되는 중요한 개념이므로, 이러한 객체 처리 방법을 잘 이해하고 활용할 수 있어야 합니다.

이 글을 통해 자바스크립트의 객체 데이터 처리 방법에 대해 알려드렸습니다. 추가적인 학습을 통해 객체와 관련된 더 많은 기능들을 익히시기 바랍니다.