JavaScript json kepada entiti

Dalam beberapa tahun kebelakangan ini, pembangunan bahagian hadapan menggunakan JavaScript untuk memanipulasi JSON telah menjadi bahagian yang tidak dapat dielakkan dalam kerja pembangunan. Oleh kerana JSON ringkas dan mudah difahami, ia menjadi lebih biasa untuk menghantar data antara pelanggan dan pelayan. Tetapi apabila memproses data JSON, kadangkala kita perlu menukarnya kepada objek entiti supaya data di dalamnya boleh digunakan dan dimanipulasi dengan lebih mudah. Artikel ini menerangkan cara menukar JSON kepada objek entiti menggunakan JavaScript.

Apakah itu JSON?

JSON (JavaScript Object Notation) ialah format standard terbuka untuk menyimpan dan menukar data. Ia berdasarkan sintaks JavaScript, menggunakan format teks untuk mewakili data, mempunyai kebolehbacaan yang baik, ringkas dan mudah difahami. Format JSON terdiri daripada pasangan nilai kunci dan mewakili satu set objek JavaScript.

Sebagai contoh, berikut ialah data JSON mudah:

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

Antaranya, nama atribut disertakan dalam petikan berganda dan nilai atribut boleh menjadi rentetan, nombor, nilai Boolean, tatasusunan, objek, dll.

Dua kaedah untuk menukar JSON kepada entiti

Dalam JavaScript, biasanya terdapat dua kaedah untuk menukar JSON kepada objek entiti: kaedah penukaran manual dan menggunakan kaedah pustaka pihak ketiga.

1. Kaedah penukaran manual

Kaedah penukaran manual memerlukan menulis kod JavaScript untuk menghuraikan data JSON dan menukarnya menjadi objek entiti. Mula-mula, kita perlu mentakrifkan objek entiti, kemudian melintasi data JSON dan menetapkan pasangan nilai kunci setiap atribut kepada atribut yang sepadan bagi objek entiti. Berikut ialah contoh mudah:

// 定义实体类
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

Walaupun kaedah penukaran manual mudah dan mudah dipelajari, ia memerlukan banyak masa dan tenaga Untuk kes di mana struktur data JSON lebih kompleks, kaedah penukaran manual adalah lebih kompleks dan memerlukan kod yang lebih sedikit.

2. Gunakan kaedah pustaka pihak ketiga

Menggunakan perpustakaan pihak ketiga boleh memudahkan proses menukar JSON kepada entiti. Pada masa ini terdapat dua perpustakaan JSON biasa di pasaran: jQuery dan Lodash. Berikut ialah kod sampel yang menggunakan pustaka Lodash untuk menukar JSON kepada objek entiti:

// 引入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

Dalam kod sampel di atas, kami menggunakan kaedah tetapkan pustaka Lodash untuk menetapkan data JSON kepada objek entiti. Kaedah penugasan Lodash boleh menetapkan sifat satu atau lebih objek sumber kepada objek sasaran dan mengembalikan objek sasaran. Jika nama atribut yang sama wujud dalam objek sumber dan sasaran, nilai atribut seterusnya akan menimpa nilai sebelumnya.

Ringkasan

Dalam artikel ini, kami membincangkan cara menukar JSON kepada objek entiti menggunakan JavaScript. Walaupun kaedah penukaran manual lebih membosankan, ia boleh membantu meningkatkan pemahaman anda tentang objek JSON dan JavaScript. Menggunakan kaedah perpustakaan pihak ketiga boleh memudahkan kod dan mencapai kecekapan yang lebih tinggi, tetapi ia memerlukan penggunaan perpustakaan yang sepadan dan memahami cara menggunakannya. Sama ada cara, penukaran agak mudah setelah anda memahami konsep asas JSON dan objek entiti.

Atas ialah kandungan terperinci JavaScript json kepada entiti. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!