对象是一种非常重要的数据类型,是一个包含相关数据和方法的集合。
对象可以用来存储各种键值对(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 编辑过