返回

JavaScript 基础语法之对象

前端

在 JavaScript 中,对象是用来组织数据和功能的强大工具。它们可以用来表示现实世界中的实体,如用户、产品或订单,也可以用来存储数据结构,如数组或映射。

几乎所有的 JavaScript对象都是 Object 类型的实例,这意味着它们都从 Object.prototype 那里借用了属性和方法。Object.prototype 提供了所有对象都共有的基本功能,例如 toString()、valueOf() 和 hasOwnProperty() 方法。

创建对象有两种主要方法:构造函数和字面量。

使用构造函数创建对象

要使用构造函数创建对象,您需要执行以下步骤:

  1. 声明一个构造函数。
  2. 使用 new 运算符调用构造函数。

例如,以下代码使用构造函数创建了一个名为 person 的对象:

function Person(name, age) {
  this.name = name;
  this.age = age;
}

const person = new Person('John Doe', 30);

使用字面量创建对象

字面量是一种更简洁的方法来创建对象。它使用大括号 {} 来定义对象的属性和方法。

例如,以下代码使用字面量创建了一个名为 person 的对象:

const person = {
  name: 'John Doe',
  age: 30
};

访问对象属性

可以两种方式访问对象的属性:点表示法和方括号表示法。

点表示法使用一个点(.)来访问对象的属性。例如,以下代码访问 person对象的name属性:

console.log(person.name); // 输出: John Doe

方括号表示法使用一对方括号([])来访问对象的属性。方括号表示法允许您使用变量或字符串动态访问属性。例如,以下代码使用变量age来访问person对象的age属性:

const age = 'age';
console.log(person[age]); // 输出: 30

添加和修改对象属性

可以两种方式添加或修改对象的属性:点表示法和方括号表示法。

点表示法使用一个点(.)来添加或修改对象的属性。例如,以下代码向person对象添加一个新的属性名为job:

person.job = 'Software Engineer';

方括号表示法使用一对方括号([])来添加或修改对象的属性。方括号表示法允许您使用变量或字符串动态添加或修改属性。例如,以下代码使用变量job来向person对象添加一个新的属性:

const job = 'job';
person[job] = 'Software Engineer';

删除对象属性

可以使用 delete 运算符删除对象的属性。例如,以下代码删除person对象的age属性:

delete person.age;

总结

对象是 JavaScript 中用来组织数据和功能的强大工具。它们可以用来表示现实世界中的实体,也可以用来存储数据结构。通过构造函数和字面量可以创建对象,并且可以点表示法和方括号表示法访问、添加、修改和删除对象属性。