Cara menambah, memadam, mengubah suai dan menyemak objek JavaScript

JavaScript ialah bahasa skrip yang digunakan secara meluas dalam pembangunan bahagian hadapan Web Ia mudah dipelajari dan disepadukan rapat dengan HTML dan CSS Ia digunakan secara meluas dalam skrip sisi klien bagi tapak web dan aplikasi, menjadikan persembahan laman web lebih dinamik dan interaktif. Dalam JavaScript, objek ialah jenis data yang sangat penting, dan operasi penambahan objek, pemadaman, pengubahsuaian dan pertanyaan juga terdapat di mana-mana dalam pembangunan bahagian hadapan.

1. Gambaran keseluruhan objek JavaScript

1 Definisi

Dalam JavaScript, objek ialah satu set pengumpulan data tidak tertib, yang terdiri daripada pasangan nilai kunci Terdiri daripada kunci. -value pair, dengan kuncinya ialah nama sifat jenis rentetan, setiap sifat mempunyai kunci unik dan nilainya boleh berupa sebarang objek JavaScript atau nilai jenis data asas.

2. Kaedah definisi

Mentakrifkan objek dalam JavaScript boleh dicapai dengan dua cara berikut:

1) Menggunakan Object Literal

Objek literal ialah ungkapan yang dibalut dengan pendakap kerinting { }. Ia adalah cara yang paling biasa digunakan dan paling mudah untuk mencipta objek dalam JavaScript.

Contohnya:

const person = {
nama: "Tom",
umur: 20,
jantina: "lelaki"
}

2) Gunakan pembina (Pembina)

Dalam JavaScript, pembina ialah fungsi khas yang digunakan untuk mencipta templat untuk objek Beberapa sifat atau kaedah boleh dipraset dalam pembina. Dengan menggunakan kata kunci baharu, anda boleh memanggil pembina dan mencipta contoh objek baharu. Proses mencipta contoh objek sering dipanggil instantiasi.

Contohnya:

fungsi Orang(nama, umur, jantina) {
this.name = nama;
this.age = umur; jantina ;
}

nama: "Tom",
umur: 20,
jantina: "lelaki"
}

person.name = "Jerry";
person.age = 30;
person.address = "Beijing";

nama: "Tom",
umur: 20,
jantina: "lelaki"
}

orang["nama"] = "Jerry";
orang["umur"] = 30;
orang["alamat"] = "Beijing";

dalam sifat Objek JavaScript juga boleh dipadamkan. Kita boleh menggunakan kata kunci padam untuk memadamkan atribut yang tidak diperlukan lagi. Contohnya:

const person = {

umur: 20,
jantina: "lelaki"
}

// Padam atribut

Dalam kod di atas, kami menggunakan kata kunci padam untuk memadamkan atribut seks dalam objek orang.

3. Akses kepada atribut objek

Atribut objek dalam JavaScript boleh diakses dan ditanya melalui dua kaedah yang dinyatakan di atas. Di bawah ini kami memperkenalkan kedua-dua kaedah ini secara terperinci.

(1) Gunakan notasi titik

Kita boleh menggunakan notasi titik untuk mengakses sifat objek, contohnya:

const person = {

umur: 20,
jantina: "lelaki"
}

console.log(person.name); // Output "Tom"

console.log(person.sex); // Output "lelaki"

(2) Gunakan kurungan segi empat sama []

Kami juga Anda boleh menggunakan kurungan segi empat sama [] untuk mengakses sifat objek JavaScript, contohnya:

const person = {

umur: 20,
jantina: "lelaki"
}

console.log(orang["nama"]); // Output "Tom"

console.log(person["sex"]); // Output "lelaki"

3. Kes Objek JavaScript

Satukan pengetahuan teori kami melalui objek JavaScript kes.

// Takrifkan objek pelajar

name: 'Tom',
id: 001,
major: 'Computer Science',
scores: {
    math: 100,
    english: 90,
    physics: 95
}

// Akses dan ubah suai sifat objek

student.scores.english = 92; // Ubah suai atribut bahasa inggeris
student.scores['physics'] = 98;

//Delete object attribute
delete student['major']; // Delete major attribute

// Add new attribute
student.gender = 'lelaki'; Properties

//Output object properties
console.log(student.name); //Output "Jerry"
console.log(student.scores.math);
console.log(student.scores.english); // Output "92"
console.log(student.scores.physic); // Output "98"
console.log(student.gender ); // Output "lelaki"

Dalam kes di atas, kami mencipta objek JavaScript bernama "pelajar". Kami mula-mula menggunakan pengendali tempoh dan kurungan untuk mengakses dan mengubah suai sifat objek. Kami juga menunjukkan cara memadam sifat objek dan menambah sifat baharu pada objek. Akhirnya, kami mengeluarkan beberapa nilai harta dalam objek.

Ringkasan:

Dalam JavaScript, objek ialah jenis data yang sangat penting, dan operasi penambahan, pemadaman, pengubahsuaian dan pertanyaan objek juga terdapat di mana-mana dalam pembangunan bahagian hadapan. Kami boleh menggunakan operator period . dan bracket [] untuk mengakses dan mengubah suai sifat objek JavaScript, dan kami juga boleh menggunakan kata kunci padam untuk memadamkan sifat yang tidak kami perlukan lagi. Sebagai pembangun bahagian hadapan, kita mesti mahir dalam pengendalian objek JavaScript untuk membangunkan aplikasi web dengan cepat dan mudah.

Atas ialah kandungan terperinci Cara menambah, memadam, mengubah suai dan menyemak objek JavaScript. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!