자바스크립트 객체 데이터 복원 방법

09 Sep 2023

자바스크립트에서 객체 데이터를 복원하는 방법은 매우 중요하며 개발자들이 자주 사용하는 기능입니다. 객체 데이터를 복원하기 위해 유용한 몇 가지 방법을 소개하겠습니다.

1. JSON.parse 메서드 사용하기

JSON.parse 메서드는 JSON 형식의 문자열을 JavaScript 객체로 변환하는 데 사용됩니다. 객체 데이터가 JSON 형식으로 저장되어 있을 경우, 이 메서드를 사용하여 이를 다시 JavaScript 객체로 변환할 수 있습니다.

예를 들어, 다음과 같은 JSON 형식의 문자열이 있다고 가정해봅시다.

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

아래의 코드는 JSON.parse 메서드를 사용하여 jsonString을 JavaScript 객체로 복원하는 예시입니다.

const person = JSON.parse(jsonString);
console.log(person); // {name: "John", age: 30, city: "New York"}

Object.assign 메서드는 하나 이상의 소스 객체의 속성을 타겟 객체에 복사하는 데 사용됩니다. 객체 데이터를 복원하기 위해, 이 메서드를 사용하여 타겟 객체에 속성을 복사할 수 있습니다.

예를 들어, 다음과 같은 객체 데이터가 있다고 가정해봅시다.

const source = {name: "John", age: 30, city: "New York"};
const target = {};

아래의 코드는 Object.assign 메서드를 사용하여 source 객체의 속성을 target 객체에 복사하는 예시입니다.

Object.assign(target, source);
console.log(target); // {name: "John", age: 30, city: "New York"}

자바스크립트의 Spread 문법을 사용하여 객체 데이터를 복원할 수도 있습니다. Spread 문법은 배열이나 객체의 속성을 확장하거나 펼치는 데에 사용됩니다.

예를 들어, 다음과 같은 객체 데이터가 있다고 가정해봅시다.

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

아래의 코드는 Spread 문법을 사용하여 source 객체의 속성을 새로운 객체로 복원하는 예시입니다.

const restoredObject = {...source};
console.log(restoredObject); // {name: "John", age: 30, city: "New York"}

이와 같은 방법들을 사용하여 자바스크립트 객체 데이터를 복원할 수 있습니다. 이를 통해 객체 데이터를 쉽게 복사하고 재사용할 수 있게 됩니다.