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