Dalam pembangunan bahagian hadapan, anda sering menghadapi senario di mana anda perlu mengubah suai dan mengendalikan tatasusunan JSON. jQuery boleh membantu kami mencapai ini dengan baik. Artikel ini akan memperkenalkan cara menggunakan jQuery untuk mengubah suai tatasusunan JSON.
Pertama, kita perlu mendapatkan tatasusunan JSON. Kami boleh mentakrifkan secara langsung tatasusunan JSON, atau mendapatkan tatasusunan JSON yang dikembalikan oleh pelayan melalui permintaan Ajax.
Andaikan kita telah memperoleh tatasusunan JSON berikut daripada pelayan:
var users = [ { "name": "张三", "age": 20, "gender": "male" }, { "name": "李四", "age": 25, "gender": "female" }, { "name": "王五", "age": 30, "gender": "male" } ];
Kita boleh melintasi Tatasusunan JSON dan cari elemen yang akan diubah suai berdasarkan keadaan.
Contoh berikut menunjukkan cara menukar umur pengguna yang berumur 25 tahun kepada 30 tahun:
$.each(users, function(index, user) { if(user.age === 25) { user.age = 30; } });
Kita boleh menambah elemen baharu pada tatasusunan JSON melalui kaedah push().
Contoh berikut menunjukkan cara menambah pengguna baharu pada tatasusunan JSON:
var newUser = { "name": "赵六", "age": 28, "gender": "male" }; users.push(newUser);
Kami boleh mengulangi Tatasusunan JSON, cari elemen yang hendak dipadamkan berdasarkan syarat, dan kemudian padamkan elemen daripada tatasusunan JSON melalui kaedah splice().
Contoh berikut menunjukkan cara untuk memadam pengguna berumur 25:
$.each(users, function(index, user) { if(user.age === 25) { users.splice(index, 1); } });
Ubah suai tatasusunan JSON Selepas itu, ia biasanya perlu dihantar ke pelayan, diproses dan kemudian dikembalikan. Pada ketika ini, kita perlu menukar tatasusunan JSON kepada rentetan JSON.
Anda boleh menggunakan kaedah JSON.stringify() untuk menukar tatasusunan JSON kepada rentetan JSON:
var usersString = JSON.stringify(users);
Jika kita mendapat rentetan JSON daripada pelayan, kita perlu menukarnya kepada tatasusunan JSON sebelum kita boleh mengubah suainya.
Anda boleh menggunakan kaedah JSON.parse() untuk menukar rentetan JSON kepada tatasusunan JSON:
var usersString = '[{"name":"张三","age":20,"gender":"male"},{"name":"李四","age":25,"gender":"female"},{"name":"王五","age":30,"gender":"male"}]'; var users = JSON.parse(usersString);
Di atas ialah cara menggunakan jQuery untuk mengubah suai tatasusunan JSON. Melalui operasi di atas, kami boleh mengubah suai dan mengendalikan tatasusunan JSON dengan mudah, dengan itu mencapai pembangunan bahagian hadapan yang lebih fleksibel.
Atas ialah kandungan terperinci pengubahsuaian tatasusunan jquery json. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!