Rumah > hujung hadapan web > Soal Jawab bahagian hadapan > pengubahsuaian tatasusunan jquery json

pengubahsuaian tatasusunan jquery json

PHPz
Lepaskan: 2023-05-14 11:14:09
asal
583 orang telah melayarinya

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.

  1. Dapatkan 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"
  }
];
Salin selepas log masuk
  1. Ubah suai elemen dalam tatasusunan JSON

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;
  }
});
Salin selepas log masuk
  1. Tambah elemen baharu pada tatasusunan JSON

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);
Salin selepas log masuk
  1. Mengalih keluar elemen daripada tatasusunan JSON

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);
  }
});
Salin selepas log masuk
  1. Tukar tatasusunan JSON kepada rentetan JSON

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);
Salin selepas log masuk
  1. Tukar rentetan JSON kepada tatasusunan JSON

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

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!

sumber:php.cn
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
Tutorial Popular
Lagi>
Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan