Kaedah biasa objek javascript

JavaScript ialah bahasa pengaturcaraan popular yang digunakan untuk mencipta halaman web interaktif dan aplikasi web dinamik. Bahagian yang paling penting ialah objek, yang membolehkan pengaturcara mencipta, menyimpan dan memanipulasi data. Dalam artikel ini, kami akan mendalami kaedah biasa objek JavaScript.

1. Mencipta objek

Dalam JavaScript, kita boleh mencipta objek dalam dua cara. Yang pertama ialah menggunakan literal objek. Ia adalah sintaks yang mudah dan intuitif untuk mencipta objek yang mengandungi pasangan nilai kunci. Contohnya:

let person = { 
    firstName: "John", 
    lastName: "Doe", 
    age: 30 
};

Cara kedua ialah menggunakan pembina. Pembina ialah fungsi khas yang digunakan untuk mencipta objek. Ia menggunakan kata kunci baharu dan nama fungsi untuk mencipta contoh baharu. Contohnya:

function Person(firstName, lastName) { 
    this.firstName = firstName; 
    this.lastName = lastName; 
    this.sayHello = function() { 
        console.log("Hello, my name is " + this.firstName + " " + 
        this.lastName); 
    } 
}

let john = new Person("John", "Doe"); 
john.sayHello(); // 输出 "Hello, my name is John Doe"

2. Mengakses dan mengubah suai sifat objek

Dalam JavaScript, kami boleh menggunakan pengendali titik atau pengendali kurungan segi empat sama untuk mengakses dan mengubah suai sifat objek. Contohnya:

let person = { 
    firstName: "John", 
    lastName: "Doe", 
    age: 30 
};

console.log(person.firstName); // 输出 "John"
person.age = 40;
console.log(person.age); // 输出 40 

person["lastName"] = "Smith";
console.log(person.lastName); // 输出 "Smith"

3. Melintasi sifat objek

Terdapat dua kaedah biasa untuk melintasi sifat objek dalam JavaScript: kaedah gelung untuk-dalam dan Object.keys().

Gunakan gelung for-in untuk mengulangi semua sifat objek yang boleh dikira. Contohnya:

let person = { 
    firstName: "John", 
    lastName: "Doe", 
    age: 30 
};

for (let prop in person) { 
    console.log(prop + ": " + person[prop]); 
} 

/*
输出：
firstName: John
lastName: Doe
age: 30
*/

Menggunakan kaedah Object.keys() boleh mengembalikan tatasusunan yang mengandungi nama semua sifat objek yang boleh dikira. Contohnya:

let person = { 
    firstName: "John", 
    lastName: "Doe", 
    age: 30 
};

let props = Object.keys(person);
console.log(props); // 输出 ["firstName", "lastName", "age"]

4. Padam atribut objek

Dalam JavaScript, kita boleh menggunakan operator padam untuk memadamkan atribut objek. Contohnya:

let person = { 
    firstName: "John", 
    lastName: "Doe", 
    age: 30 
};

delete person.age; // 删除age属性
console.log(person); // 输出 {firstName: "John", lastName: "Doe"}

5. Tentukan sama ada sifat objek itu wujud

Dalam JavaScript, kita boleh menggunakan kaedah in atau hasOwnProperty() untuk menentukan sama ada objek itu mengandungi harta tertentu. Contohnya:

let person = { 
    firstName: "John", 
    lastName: "Doe", 
    age: 30 
};

console.log("firstName" in person); // 输出 true
console.log("gender" in person); // 输出 false

console.log(person.hasOwnProperty("firstName")); // 输出 true
console.log(person.hasOwnProperty("gender")); // 输出 false

6. Namakan semula harta objek

Dalam JavaScript, kita boleh melakukannya dengan mencipta harta baharu dan menetapkan nilainya kepada nilai harta lama dan kemudian menggunakan delete Operator menamakan semula sifat objek dengan mengalih keluar sifat lama. Contohnya:

let person = { 
    firstName: "John", 
    lastName: "Doe", 
    age: 30 
};

person.fullName = person.firstName + " " + person.lastName;
delete person.firstName;
delete person.lastName;

console.log(person); // 输出 {fullName: "John Doe", age: 30}

7. Objek Klon

Dalam JavaScript, kita boleh menggunakan kaedah Object.assign() atau operator spread (...) untuk mengklon cetek objek. Ini bermakna objek asal dan objek salinan berkongsi sifat jenis rujukan yang sama. Contohnya:

let person = { 
    firstName: "John", 
    lastName: "Doe", 
    age: 30 
};

let clone = Object.assign({}, person);
console.log(clone); // 输出 {firstName: "John", lastName: "Doe", age: 30}

let { ...copy } = person;
console.log(copy); // 输出 {firstName: "John", lastName: "Doe", age: 30}

Untuk mencipta klon dalam, iaitu, mencipta sifat jenis nilai rujukan baharu dalam objek salin, kita perlu menggunakan fungsi rekursi atau perpustakaan.

8. Objek Pembekuan

Dalam JavaScript, kita boleh menggunakan kaedah Object.freeze() untuk membekukan objek, dengan itu melarang pengubahsuaian sifat dan kaedahnya. Contohnya:

let person = { 
    firstName: "John", 
    lastName: "Doe", 
    age: 30 
};

Object.freeze(person);

person.age = 40;
console.log(person.age); // 输出 30

person.fullName = person.firstName + " " + person.lastName;
console.log(person.fullName); // 输出 undefined

9. Perbandingan objek

Dalam JavaScript, apabila kita membandingkan dua objek menggunakan operator == dan ===, ia hanya akan mengembalikan benar, Jika dan hanya jika dua objek merujuk kepada objek yang sama. Jika kita perlu membandingkan sifat dan kaedah dua objek, kita perlu membandingkan secara manual setiap sifat dan kaedah mereka. Contohnya:

let person1 = { 
    firstName: "John", 
    lastName: "Doe", 
    age: 30 
};

let person2 = { 
    firstName: "John", 
    lastName: "Doe", 
    age: 30 
};

let isEqual = true;

for (let prop in person1) { 
    if (person1[prop] !== person2[prop]) { 
        isEqual = false; 
        break; 
    } 
}

console.log(isEqual); // 输出 true

Ringkasnya, objek ialah konsep asas dan blok binaan dalam pengaturcaraan JavaScript. Memahami kaedah biasa objek JavaScript membolehkan pengaturcara mencipta, menyimpan dan memanipulasi data dengan lebih cekap, dengan itu membina aplikasi web yang lebih baik.

Atas ialah kandungan terperinci Kaedah biasa objek javascript. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!