插件窝 干货文章 如何创建js对象

如何创建js对象

strong 对象 语法 person 204    来源:    2024-10-19
在 javascript 中创建对象的方法有三种:对象字面量使用大括号 {}; new object() 构造函数使用 new 关键字和 object() 构造函数;object.create() 方法使用 object.create() 方法并接受一个对象作为原型。最常用的方法是对象字面量。

如何创建 JavaScript 对象

JavaScript 中的对象是一种用于存储数据并组织代码的集合。要创建对象,可以使用以下方法:

1. 对象字面量

这是最常见的方法,使用大括号 {}:

const person = {
  name: "John Doe",
  age: 30,
  job: "Software Engineer"
};

2. new Object() 构造函数

此方法使用 new 关键字和 Object() 构造函数:

const person = new Object();
person.name = "John Doe";
person.age = 30;
person.job = "Software Engineer";

3. Object.create() 方法

此方法使用 Object.create() 方法,它接受一个对象作为原型:

const personPrototype = {
  getName: function() {
    return this.name;
  }
};

const person = Object.create(personPrototype);
person.name = "John Doe";
person.age = 30;
person.job = "Software Engineer";

哪种方法更好?

  • 对象字面量:简单易用,适合大多数场景。
  • new Object() 构造函数:使用较少,但可以更显式地创建一个空对象。
  • Object.create() 方法:用于高级场景,例如创建具有原型继承的对象。

访问对象属性

可以使用点语法或方括号语法访问对象属性:

  • 点语法: person.name
  • 方括号语法: person["name"]

修改对象属性

同样可以使用点语法或方括号语法修改对象属性:

  • 点语法: person.name = "Jane Doe"
  • 方括号语法: person["name"] = "Jane Doe"

添加新属性

可以使用点语法或方括号语法添加新属性:

  • 点语法: person.email = "john.doe@example.com"
  • 方括号语法: person["email"] = "john.doe@example.com"