JSON untuk pembelajaran dan pemahaman JavaScript (berbagi ringkasan)

Cara cepat memulai VUE3.0: Masuk ke pembelajaran

Rekomendasi terkait: Tutorial JavaScript

Deskripsi Tugas

Objek JSON

Tugas untuk level ini: Berlatih mendefinisikan objek JSON dalam JavaScript.

Persyaratan spesifiknya adalah sebagai berikut:

• mendefinisikan objek JSON JSONObject, yang memiliki tiga atribut: key1, key2 dan key3, yang nilainya masing-masing adalah parameter a, b dan c,

• menghapus

• atribut bernama key3;

• semua atribut yang tersisa, mengembalikan string yang dibentuk dengan menggabungkan nilai setiap atribut, dipisahkan oleh, di tengah.

Karena JSON digunakan untuk mengirimkan data, maka harus disimpan terlebih dahulu. Menyimpan data memerlukan format data tertentu format data untuk JSON termasuk objek JSON, array JSON, dan string JSON.

Apa itu objek JSON?

Objek JSON (biasa disebut JSON) adalah format pertukaran文本数据yang digunakan untuk menyimpan dan mengirimkan data. Contohnya adalah sebagai berikut:

{"name":"Jerry", "age":15}

Ini adalah objek json sederhana. Aturannya adalah:

• data
• ada
• dalam bentuk键/值对;
• Menunjukkan penyimpanan objek;
• tanda kurung siku menunjukkan penyimpanan array.

Perbedaan antara objek JSON dan objek Javascript

JSON didasarkan pada sintaksis JavaScript, jadi ada juga konsep objek di JSON, namun ada beberapa perbedaan kecil dengan objek di JavaScript.

1. Tentukan objek JavaScript:

var myObject = {
    nomor identitas:1,
    nama:"Peter Bruce",
    "nama depan":"Bruce",
    tampilan:fungsi() {
                console.log(ini.nama);
            }}

2. Tentukan objek JSON:

{"id":1,"name":"Peter Bruce","first name":"Bruce"}

3. Tiga perbedaan:

(1) Nama atribut (kunci) objek JSON harus diapit tanda kutip ganda , sedangkan objek JavaScript bersifat arbitrer, kecuali nama atribut yang diberi spasi dan nama atribut yang diberi tanda hubung di tengahnya harus diapit tanda kutip ganda;
(2) Metode tidak dapat didefinisikan dalam objek JSON , tetapi metode dapat didefinisikan dalam JavaScript对象;
(3) Objek JSON dapat dioperasikan oleh banyak bahasa, sedangkan objek JavaScript hanya dapat dikenali oleh JS itu sendiri .

4. Cara mendefinisikan objek JSON adalah sebagai berikut,

diapit oleh {} Di dalamnya terdapat pasangan nilai kunci yang terdiri dari beberapa nama atribut dan nilai atribut. Pasangan nilai kunci tersebut dipisahkan oleh,, dan nama atribut serta nilai atribut dipisahkan berdasarkan : atribut. Nilai dapat berupa salah satu tipe data berikut: angka, string, array JSON, objek JSON, null. Misalnya:

{"a":1,"b":2.12,"c":true,"d":"string","e":null};

Situasi ketika nilai atribut adalah array JSON atau objek JSON sedikit lebih rumit.

Menggunakan objek JSON di JavaScript

Bahasa apa pun yang mendukung JSON dapat menggunakan objek JSON. Di sini kami hanya memperkenalkan cara menggunakan objek JSON di JavaScript.

• Definisikan objek JSON dalam JavaScript:

var jsonObject = {"name":"js","number":2};

Untuk

• mengoperasikan [] , gunakan .

//Baca atribut dan keluaran jsconsole.log(jsonObject["name"]);
//Baca properti dan keluaran jsjsonObject.name = "javascript";
//Tulis atribut, berikan nilai pada atribut nama dan gunakan javascript

• untuk menghapus atribut, gunakan delete:

var jsonObject = {"name":"js","number":2};
hapus jsonObject.name;
//Hapus atribut nama

• dan lintasi atribut, menggunakan perulangan for-in:

var jsonObject = {"name":"js","number":2};for(att in jsonObject) {
  konsol.log(jsonObject[att]);
  //Output js, 2}

file kode

function mainJs(a,b,c) {
	//Silakan tulis kode di sini /********** Mulai **********/
    var JSONObject = {"key1":a,"key2":b,"key3":c};
    hapus JSONObject.key3;
    kembalikan a+","+b;
	/********** Berakhir ************/}

Deskripsi tugas

array JSON

Tugas tingkat ini: Mendefinisikan dan memanipulasi nilai dalam pasangan nilai kunci JSON.

Persyaratan spesifiknya adalah sebagai berikut:

• Diketahui bahwa nilai atribut ketiga myJson adalah array, dan parameter a adalah angka. Diperlukan untuk menyambung elemen a pertama dalam array (semua elemen ini bertipe string ), dan pisahkan elemen dengan, Aktif, kembalikan string gabungan;
• misalnya, ketika a bernilai 2, Anda harus mengembalikan js, Java.

Nilai (value) yang sesuai dengan atribut JSON adalah array.

)

JSON

• dapat berupa array

","bigCity":[ "Peking", "Shanghai", "ShenZhen", "HongKong"]}

atribut bigCity memiliki beberapa nilai, yang ditempatkan dalam sebuah array.

Dalam contoh di atas, setiap elemen array adalah sebuah string. Faktanya, setiap elemen array juga bisa menjadi objek json lainnya . Misalnya:

{"class":"Kelas 3 Kelas 1","studentNumber":70,"score":[
    {"nama":"LiMing","skor":128},
    {"nama":"ZhangHua","skor":134},
    {"name":"ShenLu","score":112}]}

Nilai atribut score di atas adalah array, dan setiap elemen array ini adalah objek json.

Beberapa operasi pada elemen baca dan tulis array

1. :

var myJson = {"country":"China","population":"1.3billion","bigCity":["Peking","Shanghai","ShenZhen","HongKong "] }konsol.log(myJson.bigCity[1]);
//Cetak ShanghaimyJson.bigCity[0] = "GuangZhou";
//Elemen pertama diberi nilai

2. traversal GuangZhou:

var myJson = {"country":"China","population":"1.3billion","bigCity":["Peking","Shanghai","ShenZhen", "HongKong"]}for(var i = 0;i < myJson.bigCity.length;i++) {
    

file kode

Peking, Shanghai, ShenZhen, HongKong}

[Metode pertama ditulis kemudian, dan metode kedua di bawah ini digunakan di awal, karena pada saat itu Kalau tidak bisa, saya ingin langsung mengeluarkannya]

var myJson = {
    "kategori":"komputer",
    "detail":"pemrograman",
    "bahasa":[
    "js", "java", "php", "python", "c"
    ]}fungsi mainJs(a) {
    a = parseInt(a);
	//Silakan tulis kode di sini /********** Mulai **********/
    varb = "";
    untuk(var i=0;i 
var myJson = {
    "kategori":"komputer",
    "detail":"pemrograman",
    "bahasa":[
    "js", "java", "php", "python", "c"
    ]}fungsi mainJs(a) {
    a = parseInt(a);
	//Silakan tulis kode di sini /********** Mulai **********/
    jika(Sebuah==1){
        kembalikan myJson.bahasa[0];
    }
    jika(a==2){
        return myJson.bahasa[0]+","+myJson.bahasa[1];
    }
    jika(Sebuah==3){
        return myJson.bahasa[0]+","+myJson.bahasa[1]+","+myJson.bahasa[2];
    }
    jika(a==4){
        return myJson.bahasa[0]+","+myJson.bahasa[1]+","+myJson.bahasa[2]+","+myJson.bahasa[3];
    }
    jika(Sebuah==5){
        kembalikan myJson.bahasa[0]+","+myJson.bahasa[1]+","+myJson.bahasa[2]+","+myJson.bahasa[3]+","+myJson.bahasa[4 ];
    }
	/********** Berakhir ************/}
 3. 
Deskripsi Tugas
 
String JSON
 
Tugas: Berlatih mengonversi string JSON dan objek JavaScript satu sama lain.
 
Persyaratan spesifiknya adalah sebagai berikut:
 
pertama ubah string JSON JSONString menjadi objek JavaScript JSONObject;
 
kemudian tetapkan nilai atribut key1 dari JSONObject ke parameter a dari fungsi mainJs(),
 
terakhir ubah JSONObject menjadi string JSON dan mengembalikan string
 
ke front end JSON dapat digunakan untuk mentransfer data ke dan dari latar belakang, tetapi yang sebenarnya ditransfer adalah string JSON, dan objek JSON tidak dapat ditransfer secara langsung.
 
String JSON String
 
JSON adalah string yang dibentuk dengan meletakkan ' di kedua sisi objek JSON, seperti:
 
var JSONObject = {"k1":"v1","k2":"v2"};
//objek JSON var JSONString1 = '{"k1":"v1","k2":"v2"}';
//
 
JSONSring1 di atas string JSON adalah string JSON, yang dapat diteruskan langsung dari front end ke backend atau backend ke front end.
 
Ketika JavaScript menerima string JSON yang dikirimkan dari latar belakang, bagaimana cara mengubahnya menjadi objek JSON agar mudah diproses?
 
String JSON ke objek JavaScript
 
Metode JSON.parse(a,b) mengubah string JSON a menjadi objek JavaScript. b adalah parameter fungsi opsional.
 
var JSONString1 = '{"k1":"v1","k2":"v2"}';console.log(JSON.parse(JSONString1));
//Objek Keluaran {k1: "v1", k2: "v2"}
 
Parameter fungsi b bekerja pada semua properti objek secara berurutan从里到外, dan yang terakhir bekerja pada objek itu sendiri:
 
//Setiap properti dari objek Tambahkan 1 ke nilai var text = '{ "key1":1, "key2":2, "key3":2.2}';var obj = JSON.parse(teks, fungsi (kunci, nilai) {
    if(key === '')//Saat menemukan objek itu sendiri, kembalikan nilai tanpa menambahkan 1;
    return value+1;//Tambahkan 1 ke atribut value});console.log(obj);
    //Output Object {key1: 2, key2: 3, key3: 3.2}
 
Seperti yang ditunjukkan di atas, fungsi memiliki dua parameter, di mana key mewakili nama atribut dan value mewakili nilai atribut. Saat bertemu dengan objek itu sendiri, key Nilainya adalah '' , yang merupakan string kosong.
 
Konversikan objek JSON menjadi string JSON
 
JSON.stringify(a,b,c) , a adalah objek JSON yang akan dikonversi, b dan c adalah parameter opsional.
 
var JSONObject = {"k1":"v1","k2":"v2"};
JSON.stringify(JSONObject);
//Mengonversi objek JSON menjadi string JSON
 
. Ketika parameter b adalah fungsi, fungsi tersebut memproses setiap atribut objek JSON secara berurutan dari dalam ke luar. Yang terakhir diproses adalah objek JSON itu sendiri. Setelah diproses, diubah menjadi string JSON. ：
 
//Tambahkan 1 ke semua nilai atribut objek, lalu ubah menjadi string var JSONObject = {"k1":1,"k2":2.2};var JSONString = JSON.stringify( Objek JSON,fungsi(k,v){
    if(k === '')//Objek JSON itu sendiri diproses return v;
    return v+1;//Tambahkan 1 ke nilai semua atribut});console.log(JSONString);
    //Output {"k1":2,"k2":3.2}
 
Parameter b juga bisa berupa array. Array menyimpan nama atribut dan digunakan untuk menentukan atribut mana yang hanya dikonversi:
 
//Konversi atribut tertentu di objek var JSONObject = {"k1":1,"k2":2.2,"k3":3};var JSONString = JSON.stringify(JSONObject,["k1","k2"]);console.log(JSONString) ;
//Output {"k1":1,"k2":2.2}
 
Berikut pengenalan singkat tentang c:
 
var str = ["name":"Tom","age":16];var obj1 = JSON.stringify( str) ;
var obj2 = JSON.stringify(str,null,4);console.log(obj1);  
//Keluaran {"nama":"Tom","age":16}console.log(obj2); 
//keluaran//{
// "nama": "Tom",
// "usia": 16
//}
 
Parameter c: Tambahkan indentasi, spasi, dan baris baru ke teks . Jika c adalah angka, teks nilai yang dikembalikan akan diindentasi dengan jumlah spasi yang ditentukan di setiap level. Jika c lebih besar dari 10, teks akan diindentasi sebanyak 10 spasi.
 
File kode
 
var JSONString = '{"key1":"value1","key2":"value2"}';function mainJs(a) {
	//Silakan tulis kode di sini /********** Mulai **********/
    var JSONObject = JSON.parse(JSONString);
    JSONObject["kunci1"] = a;
    JSONObject.key1 = a;
    kembalikan JSON.stringify(JSONObject);
	/********** Selesai ************/}
 
Rekomendasi terkait: Tutorial pembelajaran JavaScript
 
Di atas adalah detail isi JSON (ringkasan berbagi) untuk pembelajaran dan pemahaman JavaScript. Untuk lebih lanjut, harap perhatikan php Artikel terkait lainnya di situs web Cina!