Diskusi singkat tentang penggunaan objek di JS

Catatan sederhana penggunaan objek dalam javascript

1. Buat objek

 // Buat objek kosong var o = {}; // Buat objek dengan dua atribut, x dan y var o2 = {x: 12, y: '12', nama: 'js'}; // Nilai atribut penulis dalam objek ini masih merupakan objek var o3 = {x: 12, penulis: {name: 'js', usia: 23, alamat: 'cina'}}; // Buat objek kosong sama dengan {} var o4 = objek baru (); // Tambahkan atribut nama ke objek o4.name = 'js'

Di atas menggunakan dua cara untuk membuat objek, satu adalah metode literal, dan yang lainnya adalah membuat objek menggunakan yang baru. Objek setelah baru disebut konstruktor.

2. Akses objek

Dari hal di atas kita dapat melihat bahwa kita telah menambahkan nama atribut ke O4 yang berlawanan, menggunakan nomor DOT, yaitu, nama objek dan nama atribut, yang merupakan salah satu metode akses. Ada dua cara untuk mengakses nilai atribut dalam suatu objek. Yang pertama adalah menggunakan nomor dot (.), Dan yang kedua adalah menggunakan array (nama objek [nama atribut]).

 // Buat objek kosong var o = {}; // Buat objek dengan dua atribut, x, y var o2 = {x: 12, y: '12', nama: 'js'}; // Nilai atribut penulis dalam objek ini masih merupakan objek var o3 = {x: 12, penulis: {name: 'js', usia: 23, alamat: 'cina'}}; // Buat objek kosong sama dengan {} var o4 = objek baru (); // Tambahkan atribut nama o4.name = 'js'/** Mengakses nilai atribut objek*/// 1. Gunakan nomor titik var x = o2.x; // 12 var wornorofname = o3.author.name; // js var name = o4.name; // js // 2. Gunakan metode array var x2 = o2 ['x']; // 12 var authorofname2 = o3 ['author'] ['name']; // js var name2 = o4 ['name']; // js

Lebih mudah untuk memahami cara menggunakan nomor DOT untuk mengakses nilai atribut dalam suatu objek, tetapi tidak mudah untuk memahami cara menggunakan array. Dalam JavaScript, semua objek adalah array asosiatif. Data asosiatif yang disebut adalah cara untuk mengakses array, tetapi metode ini bukan indeks yang digunakan tetapi indeks string, yang disebut array asosiatif.

Di atas mengakses nilai atribut objek adalah tentang mengetahui nama atribut objek. Bagaimana jika Anda tidak tahu nilai atribut objek? Anda dapat menggunakan untuk/masuk untuk mengulangi nilai -nilai dalam objek.

 // Buat objek dengan dua properti, x, y, name var o2 = {x: 12, y: '12', name: 'js'}; untuk (p dalam o2) {properti var = p; nilai var = o2 [p]; console.log (properti); console.log (nilai); }

Hasil cetak adalah:

 x12y12namejs

Dapat dilihat bahwa ada tiga atribut secara total, dan nilainya dicetak.

Jika objek lebih rumit, Anda dapat menambahkan beberapa penilaian untuk menentukan apakah ada properti. Lalu bagaimana Anda menentukan apakah suatu objek berisi properti tertentu? Karena semua objek mewarisi objek, ada metode hasownproperty () dalam objek untuk menentukan apakah ada properti di objek. Nilai pengembalian adalah boolean. Perhatikan bahwa metode ini hanya akan menilai apakah atribut objek itu ada, dan tidak akan menilai atribut yang diwariskan oleh objek.

 // Buat objek dengan dua properti, x, y, name var o2 = {x: 12, y: '12', name: 'js'}; var b = o2.hasownproperty ('name') // true var b2 = o2.hasownproperty ('use') // false

3. Tambah dan hapus atribut

Pada awalnya, kami menambahkan atribut nama ke Object O4. Metode baru sebenarnya sama dengan menetapkan nilai atribut. Anda juga dapat menambahkan atribut ke objek menggunakan array asosiatif.

 // Buat objek dengan dua properti, x, y, name var o2 = {x: 12, y: '12', name: 'js'}; // hapus name atribut hapus o2.name; var b = o2.hasownproperty ('name') // false // tambahkan nama atribut o2 ['name'] = 'javascript'; // Karena atribut nama sudah ada, di sini adalah untuk menugaskan kembali nama o2.name = 'js'; var b3 = o2.hasownproperty ('name'); //BENAR

Di atas, atribut nama objek O2 dihapus, dan kemudian atribut nama ditambahkan menggunakan array asosiatif, dan kemudian atribut nama dipindahkan menggunakan nomor DOT.

4. Konversi antara objek dan string

Ecmascript5 memiliki konversi timbal balik bawaan antara objek dan string. Sekarang sebagian besar browser utama mendukung ecmascript5. Jika tidak mendukungnya, Anda dapat mengunduh Perpustakaan Kelas JSON2.JS dari Internet. Perpustakaan ini dapat digunakan setelah memasukkannya ke dalam file.

Konversi antara suatu objek dan string disebut serialisasi objek, yang berarti mengubah keadaan objek menjadi string atau mengubah string menjadi suatu objek. Konversi ini menggunakan JSON sebagai format pertukaran data. Nama lengkap JSON adalah notasi objek JavaScript.

Gunakan json.stringify () untuk mengubah objek menjadi string; Gunakan json.parse () untuk mengubah string menjadi objek.

 // Tentukan objek var o = {name: 'javascript', usia: 24}; // Metode ini adalah kesalahan saat mengonversi ke suatu objek. Anda harus menggunakan metode berikut // var str = "{name: 'javascript', usia: 24}"; // Tentukan dengan benar string objek var str = '{"name": "JavaScript", "Age": 24}'; // Konversi objek menjadi string var str2 = json.stringify (o); console.log ('str2:'+str2+', type:'+(typeOf str2)); // str2: {"name": "javascript", "usia": 24}, ketik: string // konversi string ke objek var o2 = json.parse (str); console.log ('o2:'+o2+', type:'+(typeof o2)); // o2: [objek objek], ketik: objek

Di atas mengimplementasikan konversi timbal balik antara objek dan string.

Diskusi singkat di atas tentang penggunaan objek di JS adalah semua konten yang saya bagikan dengan Anda. Saya harap ini dapat memberi Anda referensi dan saya harap Anda dapat mendukung wulin.com lebih lanjut.