Rumah > hujung hadapan web > Soal Jawab bahagian hadapan > jquery json aksara kepada tatasusunan

jquery json aksara kepada tatasusunan

WBOY
Lepaskan: 2023-05-12 10:46:36
asal
1297 orang telah melayarinya

Dengan perkembangan pesat Internet mudah alih, teknologi pembangunan web sentiasa dikemas kini dan dipertingkatkan. Salah satu alat pembangunan front-end yang paling biasa digunakan ialah jQuery. jQuery ialah perpustakaan JavaScript yang berkuasa dengan keluk pembelajaran rendah yang digunakan secara meluas dalam pembangunan web dan sering digunakan untuk mengendalikan interaksi pengguna, kesan animasi, AJAX, dll. Antaranya, teknologi AJAX boleh merealisasikan interaksi tak segerak dan boleh mendapatkan serta memproses data dengan agak cepat.

Dalam teknologi AJAX, JSON sering digunakan sebagai format penghantaran data. JSON (JavaScript Object Notation) ialah format pertukaran data ringan yang mudah dibaca dan ditulis, serta mudah dihuraikan dan dijana. jQuery juga menyediakan banyak kaedah dan fungsi berkaitan JSON, yang paling biasa digunakan ialah penukaran antara rentetan JSON dan objek JSON. Mari perkenalkan cara menukar rentetan JSON kepada tatasusunan.

Pertama, kita perlu memahami format rentetan JSON. Rentetan JSON terdiri daripada pasangan nilai kunci, setiap pasangan nilai kunci dipisahkan dengan koma dan keseluruhan rentetan disertakan dalam pendakap kerinting ({}).

Berikut ialah contoh rentetan JSON:

{
  "name": "John",
  "age": 30,
  "gender": "male",
  "hobbies": ["reading", "swimming", "traveling"]
}
Salin selepas log masuk

Seperti yang anda lihat daripada contoh di atas, rentetan JSON boleh mengandungi pelbagai jenis nilai, seperti rentetan, nilai angka dan boolean . Nilai, tatasusunan, objek, dsb.

Langkah seterusnya ialah cara menukar rentetan JSON kepada tatasusunan. Dalam jQuery, kita boleh menggunakan kaedah $.parseJSON() untuk menukar rentetan JSON kepada objek JSON. Kemudian, kita boleh mendapatkan nilai yang sepadan dengan memanggil sifat objek JSON. Apabila terdapat tatasusunan dalam objek JSON, kita boleh mendapatkan elemen secara langsung melalui subskrip tatasusunan. Walau bagaimanapun, jika kita perlu menukar tatasusunan JSON kepada tatasusunan JavaScript, kami perlu melakukan beberapa pemprosesan tambahan.

Kaedah khusus adalah seperti berikut:

Pertama, gunakan kaedah $.parseJSON() untuk menukar rentetan JSON kepada objek JSON:

var jsonStr = '{"name": "John", "age": 30, "hobbies": ["reading", "swimming", "traveling"]}';
var jsonObj = $.parseJSON(jsonStr);
Salin selepas log masuk

Seterusnya, kita boleh memanggil sifat objek JSON Untuk mendapatkan nilai:

var name = jsonObj.name;  // John
var age = jsonObj.age;  // 30
var hobbies = jsonObj.hobbies;  // ["reading", "swimming", "traveling"]
Salin selepas log masuk

Jika anda ingin menukar tatasusunan JSON kepada tatasusunan JavaScript, anda boleh menggunakan kaedah $.map() untuk menukar. Kaedah $.map() boleh merentasi tatasusunan dan memproses setiap elemen. Untuk setiap elemen, kita boleh menambahkannya pada tatasusunan JavaScript menggunakan kaedah Array.push().

Kod khusus adalah seperti berikut:

var hobbiesArr = $.map(hobbies, function(value, index) {
  return value;
});
Salin selepas log masuk

Antaranya, parameter pertama kaedah $.map() ialah tatasusunan yang akan dilalui, dan parameter kedua ialah fungsi panggil balik yang digunakan untuk memproses setiap elemen. Dalam contoh ini, fungsi panggil balik mengembalikan nilai setiap elemen dalam tatasusunan itu sendiri.

Akhir sekali, hobbiesArr akan ditukar kepada tatasusunan berikut:

["reading", "swimming", "traveling"]
Salin selepas log masuk

Ringkasnya, menukar rentetan JSON kepada tatasusunan terbahagi kepada dua langkah. Mula-mula, gunakan kaedah $.parseJSON() untuk menukar rentetan JSON kepada objek JSON dan dapatkan nilai dengan memanggil sifat objek JSON. Kemudian, gunakan kaedah $.map() untuk menukar tatasusunan JSON kepada tatasusunan JavaScript. Menguasai teknik ini, kami boleh memproses rentetan dan tatasusunan JSON dengan mudah dalam jQuery.

Atas ialah kandungan terperinci jquery json aksara kepada tatasusunan. 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