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
Lepaskan: 2024-10-18 12:25:30
asal
642 orang telah melayarinya

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>
Salin selepas log masuk

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>
Salin selepas log masuk

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>
Salin selepas log masuk

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!

sumber:php
Kenyataan Laman Web ini
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
Artikel terbaru oleh pengarang
Tutorial Popular
Lagi>
Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan