JavaScript json からエンティティへ

近年、JSON を操作する JavaScript を使用したフロントエンド開発は、開発作業の一部として避けられなくなっています。 JSON は簡潔で理解しやすいため、クライアントとサーバー間でデータを受け渡すことがますます一般的になってきています。ただし、JSON データを処理する場合、データをより便利に使用および操作できるように、JSON データをエンティティ オブジェクトに変換する必要がある場合があります。この記事では、JavaScript を使用して JSON をエンティティ オブジェクトに変換する方法について説明します。

JSON とは何ですか?

JSON (JavaScript Object Notation) は、データを保存および交換するためのオープン標準形式です。 JavaScript 構文に基づいており、テキスト形式を使用してデータを表現しており、可読性が高く、簡潔で理解しやすいです。 JSON 形式は、一連の JavaScript オブジェクトを表すキーと値のペアで構成されます。

たとえば、次は単純な JSON データです:

{
    "name": "Tom",
    "age": 18,
    "gender": "male"
}

このうち、属性名は二重引用符で囲まれており、属性値は文字列、数値、ブール値、配列、オブジェクトなど。

JSON をエンティティに変換する 2 つの方法

JavaScript では、通常、JSON をエンティティ オブジェクトに変換する方法が 2 つあります。手動変換方法とサードパーティ ライブラリを使用する方法です。

1. 手動変換方法

手動変換方法では、JSON データを解析してエンティティ オブジェクトに変換する JavaScript コードを作成する必要があります。まず、エンティティ オブジェクトを定義し、次に JSON データを走査し、各属性のキーと値のペアをエンティティ オブジェクトの対応する属性に割り当てる必要があります。以下は簡単な例です:

// 定义实体类
function Person(name, age, gender) {
    this.name = name;
    this.age = age;
    this.gender = gender;
}

// 解析JSON数据
var jsonStr = '{"name": "Tom", "age": 18, "gender": "male"}';
var jsonObj = JSON.parse(jsonStr);
var person = new Person(jsonObj.name, jsonObj.age, jsonObj.gender);

// 使用实体对象
console.log(person.name); // Tom
console.log(person.age); // 18
console.log(person.gender); // male

手動変換方法はシンプルで習得が簡単ですが、多くの時間とエネルギーが必要です。JSON データ構造がより複雑な場合は、手動変換方法を使用してください。より複雑で、必要なコード量は少なくなりますが、非常に大きいです。

2. サードパーティ ライブラリ メソッドの使用

サードパーティ ライブラリを使用すると、JSON をエンティティに変換するプロセスを簡素化できます。現在、市場には jQuery と Lodash という 2 つの一般的な JSON ライブラリがあります。以下は、Lodash ライブラリを使用して JSON をエンティティ オブジェクトに変換するサンプル コードです。

// 引入Lodash库
var _ = require('lodash');

// 定义实体类
function Person(name, age, gender) {
    this.name = name;
    this.age = age;
    this.gender = gender;
}

// 解析JSON数据
var jsonStr = '{"name": "Tom", "age": 18, "gender": "male"}';
var person = _.assign(new Person(), JSON.parse(jsonStr));

// 使用实体对象
console.log(person.name); // Tom
console.log(person.age); // 18
console.log(person.gender); // male

上記のサンプル コードでは、Lodash ライブラリの assign メソッドを使用して、JSON データをエンティティ オブジェクトに割り当てます。 Lodash の assign メソッドは、1 つ以上のソース オブジェクトのプロパティをターゲット オブジェクトに割り当て、ターゲット オブジェクトを返すことができます。ソース オブジェクトとターゲット オブジェクトに同じプロパティ名が存在する場合、後続のプロパティ値は以前の値を上書きします。

概要

この記事では、JavaScript を使用して JSON をエンティティ オブジェクトに変換する方法について説明しました。手動変換方法はより面倒ですが、JSON および JavaScript オブジェクトの理解を深めます。サードパーティのライブラリ メソッドを使用するとコードが簡素化され、効率が向上しますが、対応するライブラリを使用し、その使用方法を理解する必要があります。いずれにしても、JSON とエンティティ オブジェクトの基本概念を理解していれば、変換は比較的簡単です。

以上がJavaScript json からエンティティへの詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。