對(duì)象是一種非常重要的數(shù)據(jù)類(lèi)型,是一個(gè)包含相關(guān)數(shù)據(jù)和方法的集合。
對(duì)象可以用來(lái)存儲(chǔ)各種鍵值對(duì)(key-value pairs),每個(gè)鍵值對(duì)包含一個(gè)屬性名和一個(gè)屬性值。
對(duì)象的方法可以操作對(duì)象內(nèi)部的數(shù)據(jù)。
創(chuàng)建對(duì)象
創(chuàng)建對(duì)象的方法有很多種,最常見(jiàn)的有兩種:對(duì)象字面量和構(gòu)造函數(shù)。
對(duì)象字面量
對(duì)象字面量是創(chuàng)建對(duì)象最簡(jiǎn)單的方法。我們可以直接使用大括號(hào) {}
來(lái)定義一個(gè)對(duì)象,并在其中添加屬性和方法。
// 使用對(duì)象字面量創(chuàng)建對(duì)象 let person = { name: 'John', age: 30, greet: function () { console.log('Hello, my name is ' + this.name); }, }; // 訪問(wèn)對(duì)象的屬性和方法 console.log(person.name); // 輸出: John console.log(person.age); // 輸出: 30 person.greet(); // 輸出: Hello, my name is John
構(gòu)造函數(shù)
使用對(duì)象字面量在只需要?jiǎng)?chuàng)建一個(gè)對(duì)象時(shí)是可以的,但如果你需要?jiǎng)?chuàng)建多個(gè)對(duì)象,就不夠用了。
構(gòu)造函數(shù)是一種創(chuàng)建對(duì)象的模板。
我們可以使用 function
關(guān)鍵字定義一個(gè)構(gòu)造函數(shù),然后使用 new
關(guān)鍵字創(chuàng)建對(duì)象實(shí)例。
按照慣例,構(gòu)造函數(shù)以大寫(xiě)字母開(kāi)頭,并且以它們創(chuàng)建的對(duì)象類(lèi)型命名。
// 定義構(gòu)造函數(shù) function Person(name, age) { this.name = name; this.age = age; this.greet = function () { console.log('Hello, my name is ' + this.name); }; } // 使用構(gòu)造函數(shù)創(chuàng)建對(duì)象實(shí)例 let person1 = new Person('Alice', 25); let person2 = new Person('Bob', 28); // 訪問(wèn)對(duì)象的屬性和方法 console.log(person1.name); // 輸出: Alice console.log(person2.age); // 輸出: 28 person1.greet(); // 輸出: Hello, my name is Alice
操作對(duì)象
可以通過(guò)點(diǎn)(.
)或方括號(hào)([]
)語(yǔ)法,來(lái)訪問(wèn)和修改對(duì)象的屬性和方法。
let car = { brand: 'Toyota', model: 'Camry', year: 2020, }; // 訪問(wèn)屬性 console.log(car.brand); // 輸出: Toyota console.log(car['model']); // 輸出: Camry // 修改屬性 car.year = 2021; car['brand'] = 'Honda'; console.log(car.year); // 輸出: 2021 console.log(car.brand); // 輸出: Honda
對(duì)象方法和屬性
對(duì)象的方法是存儲(chǔ)在對(duì)象中的函數(shù),可以通過(guò)對(duì)象調(diào)用。
對(duì)象的屬性是存儲(chǔ)在對(duì)象中的變量,可以存儲(chǔ)各種類(lèi)型的數(shù)據(jù)。
let book = { title: 'JavaScript Basics', author: 'Jane Doe', pages: 250, read: function () { console.log('Reading ' + this.title + ' by ' + this.author); }, }; // 訪問(wèn)屬性 console.log(book.title); // 輸出: JavaScript Basics console.log(book.pages); // 輸出: 250 // 調(diào)用方法 book.read(); // 輸出: Reading JavaScript Basics by Jane Doe
總結(jié)
?? JavaScript 對(duì)象是非常強(qiáng)大且靈活的數(shù)據(jù)結(jié)構(gòu),可以用來(lái)存儲(chǔ)和操作各種數(shù)據(jù)。
?? 通過(guò)對(duì)象字面量和構(gòu)造函數(shù),我們可以輕松創(chuàng)建和操作對(duì)象。
?? 對(duì)象的方法和屬性使得我們可以更方便地管理和操作數(shù)據(jù)。
該文章在 2024/10/22 12:09:25 編輯過(guò)