JavaScript mengubah suai format fail json

JSON (JavaScript Object Notation) ialah format pertukaran data ringan yang menyusun data dalam pasangan nilai kunci dan digunakan secara meluas dalam pembangunan bahagian hadapan. Dalam pembangunan sebenar, kadangkala kita perlu mengubah suai beberapa kandungan atau format fail JSON. Dalam JS, pengubahsuaian JSON boleh dicapai melalui beberapa kaedah, dan operasinya sangat mudah.

Artikel ini akan memperkenalkan cara menggunakan JavaScript untuk mengubah suai format fail JSON.

1. Tukar JSON kepada objek

Kami perlu menukar data dalam format JSON kepada objek JS sebelum kami boleh mengubah suainya. Data JSON boleh ditukar menjadi objek menggunakan kaedah parse(), contohnya:

let jsonString = '{"name": "Mandy", "age": 20}';
let jsonObj = JSON.parse(jsonString);
console.log(jsonObj);

Untuk menerangkan kod di atas, kami mula-mula mentakrifkan rentetan jsonString yang mengandungi data JSON, dan dalam baris kedua kami memanggil JSON kaedah parse() menukar jsonString kepada objek jsonObj Akhir sekali, kami mengeluarkan objek yang ditukar, dan konsol akan mengeluarkan maklumat berikut:

{name: "Mandy", age: 20}

2. Ubah suai atribut data JSON

Seterusnya, Kita boleh mengubah suai atribut dalam JSON dengan mudah Sebagai contoh, kita boleh mengubah suai umur Mandy dalam contoh di atas:

jsonObj.age = 21;
console.log(jsonObj);

Kita hanya perlu menggunakan titik atau kurungan untuk mengakses atribut dalam objek, dan kemudian menetapkan semula nilai. Itu sahaja.

3. Tukar objek yang diubah suai menjadi rentetan JSON

Apabila kami selesai mengubah suai data JSON, kami perlu menukar objek yang diubah suai kepada format rentetan. Anda boleh menggunakan kaedah stringify(). kodnya adalah seperti berikut:

let newJsonString = JSON.stringify(jsonObj);
console.log(newJsonString);

kaedah stringify() menerima objek sebagai parameter, dan kemudian menukar objek itu kepada rentetan dalam format JSON. Kita boleh mendapatkan rentetan yang ditukar dengan mentakrifkan semula pembolehubah newJsonString.

4. Tambah atribut dalam JSON

Apabila kita perlu menambah atribut baharu pada fail JSON, adalah mudah untuk menambah atribut baharu secara langsung menggunakan titik atau kurungan segi empat sama, contohnya:

jsonObj.gender = 'female';
console.log(jsonObj);

Kod ini akan menambah atribut Jantina dalam JSON dengan nilai atribut perempuan.

5. Padamkan atribut data JSON

Kami boleh menggunakan operator padam untuk memadamkan atribut dalam JSON, contohnya:

delete jsonObj.age;
console.log(jsonObj);

Kod ini akan memadamkan atribut umur dalam jsonObj object , kita dapat melihat daripada output bahawa atribut umur telah dipadamkan.

6. Ubah suai data tatasusunan JSON

Selain objek, JSON juga boleh mengandungi tatasusunan. Mari kita lihat cara mengubah suai tatasusunan JSON.

Mula-mula, kita perlu menukar rentetan tatasusunan JSON kepada objek JS, contohnya:

let jsonArrString = '[{"name": "Jack", "age": 25}, {"name": "Lucy", "age": 27}]';
let jsonArray = JSON.parse(jsonArrString);
console.log(jsonArray);

Dalam kod ini, kami mentakrifkan rentetan jsonArrString yang mengandungi tatasusunan JSON, menggunakan parse ( ) untuk menukarnya kepada jenis objek, dan hasil akhir akan dikeluarkan:

[{name: "Jack", age: 25}, {name: "Lucy", age: 27}]

Seterusnya, kita boleh mengubah suai data di dalamnya mengikut subskrip objek, contohnya:

jsonArray[0].age = 26;
console.log(jsonArray);

kod ini Ubah suai sifat umur dalam objek pertama kepada 26. Sudah tentu, anda juga boleh menggunakan kaedah push() untuk menambah objek pada tatasusunan JSON Kodnya adalah seperti berikut:

jsonArray.push({"name":"Alex","age":30});
console.log(jsonArray);

Kod ini akan menambah objek yang mengandungi nama dan atribut umur pada tatasusunan JSON. .

7. Ringkasan

Melalui pengenalan di atas, kami dapati bahawa adalah sangat mudah untuk menggunakan JavaScript untuk mengubah suai format fail JSON. Perlu diingatkan bahawa kita perlu menukar rentetan JSON kepada objek sebelum mengubahnya Objek yang diubah suai juga perlu ditukar kepada format rentetan melalui kaedah stringify().

Ringkasnya, bagi pembangun bahagian hadapan, amat perlu untuk membiasakan diri dengan pengendalian JSON Ia membolehkan kami mengurus dan menyelenggara data dengan lebih baik, dan ia juga akan memainkan peranan besar dalam pembangunan sebenar.

Atas ialah kandungan terperinci JavaScript mengubah suai format fail json. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!