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