Rumah >hujung hadapan web >tutorial js >Bagaimana untuk Menukar Objek JSON Biasa ke Contoh Kelas dalam JavaScript?

Bagaimana untuk Menukar Objek JSON Biasa ke Contoh Kelas dalam JavaScript?

Patricia Arquette
Patricia Arquetteasal
2024-10-18 12:25:30656semak imbas

How to Convert Plain JSON Objects into Class Instances in JavaScript?

Menghantar Objek Biasa ke Contoh Kelas dalam JavaScript

Dalam JavaScript, apabila menerima objek biasa daripada pelayan sebagai respons JSON, anda mungkin menghadapi perlu menghantarnya ke dalam contoh kelas yang ditaip. Ini membolehkan anda mengakses kaedah dan sifat khusus kelas.

Penyelesaian:

Satu pendekatan ialah mencipta pembina yang menerima sebarang objek yang menyerupai tika dan mengklonkannya. Sebagai alternatif, anda boleh melaksanakan kaedah statik yang menukar objek kepada tika:

<code class="javascript">Person.fromJSON = function(obj) {
    // Custom code to create an instance from the object
    return ...;
};</code>

Untuk senario khusus anda, di mana anda mempunyai objek biasa dengan sifat awam, anda boleh menggunakan kaedah berikut:

<code class="javascript">var personInstance = new Person();
for (var prop in personLiteral) {
    personInstance[prop] = personLiteral[prop];
}</code>

Ini memperuntukkan semua sifat daripada objek biasa kepada tika yang baru dibuat. Begitu juga, anda boleh mencipta tika Haiwan.

Nota:

  • JSON tidak menyediakan maklumat kelas, jadi anda mesti mengetahui struktur objek terlebih dahulu.
  • Adalah disyorkan untuk mengalihkan kaedah larian ke objek Animal.prototype dan bukannya menyimpannya pada setiap tika.

Kod Contoh:

<code class="javascript">var persons = JSON.parse(serverResponse);
for (var i = 0; i < persons.length; i++) {
    persons[i] = Object.assign(new Person(), persons[i]); // Use Object.assign for browsers that support it
    for (var j = 0; j < persons[i].animals; j++) {
        persons[i].animals[j] = Object.assign(new Animal(), persons[i].animals[j]);
    }
}</code>

Kod ini akan membolehkan anda menggunakan kaedah khusus kelas seperti persons[0].Animals[2].Run();.

Atas ialah kandungan terperinci Bagaimana untuk Menukar Objek JSON Biasa ke Contoh Kelas dalam JavaScript?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

Kenyataan:
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn