Rumah  >  Artikel  >  hujung hadapan web  >  pengubahsuaian tatasusunan jquery json

pengubahsuaian tatasusunan jquery json

PHPz
PHPzasal
2023-05-14 11:14:09517semak imbas

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"
  }
];
  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;
  }
});
  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);
  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);
  }
});
  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);
  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);

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!

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