JavaScript 是当今最流行的编程语言之一，已经成为 Web 开发的行业标准。JavaScript 中最重要的概念之一是对象，对象是 JavaScript 中最重要的数据类型之一。在 JavaScript 中，你可以使用对象来表示现实中的对象，如人员、汽车、应用程序等。JavaScript 为操作对象提供了许多强大的方法和属性。
本文将深入探讨 ECMAScript 2021（ECMAScript 的最新版本） 中的对象方法，包括对象的创建、访问、修改和删除方法，以及它们的用法以及一些使用建议。本文还将提供一些示例代码以帮助读者理解这些概念。
对象的创建
在 JavaScript 中，你可以使用对象字面量语法 ({}) 来创建对象。
-- -------------------- ---- -------
----- ------ - -
----- -------
---- ---
-------- -
------- ---- ---- ----
----- -------- -----
------ ----
-
--上述代码创建了一个名为 person 的对象，该对象具有 name、age 和 address 属性。 address 属性又是一个包含 street、city 和 state 属性的嵌套对象。
除了对象字面量语法，你还可以使用构造函数语法来创建对象。以下示例演示了如何使用构造函数创建一个 Person 对象：
-- -------------------- ---- -------
-------- ------------ ---- -
--------- - -----
-------- - ----
------------- - ---------- -
------------------- -- ---- -- ------------ --- - -- ----------- ----- -------
-
-
----- ---- - --- -------------- ----
---------------- -- -- ------- -- ---- -- ---- --- - -- -- ----- -----在此示例中，我们定义了一个名为 Person 的构造函数，该函数接受两个参数： name 和 age。我们使用 this 关键字将 name 和 age 属性添加到此对象中。我们还定义了一个名为 sayHello 的方法，该方法将输出 Hello 介绍。最后，我们通过 new 关键字创建了一个 Person 对象并将其赋给变量 john。然后我们调用对象的 sayHello 方法，以输出我们的介绍。
对象属性访问
要访问对象的属性，可以使用点语法或方括号语法。以下示例演示了如何使用这两种方法来访问对象属性。
const person = {
name: 'John',
age: 30
};
console.log(person.name); // 输出 "John"
console.log(person['age']); // 输出 "30"在这里，我们定义了一个名为 person 的对象，该对象具有两个属性： name 和 age。我们可以使用点语法 person.name 或方括号语法 person['age'] 访问对象中的属性，这将输出相应的值。
对象属性修改和删除
你还可以轻松地修改和删除 JavaScript 对象的属性。以下示例演示如何使用点语法和赋值语句来修改值：
const person = {
name: 'John',
age: 30
};
person.age = 31;
console.log(person.age); // 输出 "31"在这个例子中，我们先定义了一个名为 person 的对象，该对象拥有 name 和 age 属性。我们使用点语法访问 age 属性并将其更新为 31。输出 age 属性的值将是 31。
要删除对象中的属性，你可以使用 delete 关键字：
const person = {
name: 'John',
age: 30
};
delete person.age;
console.log(person.age); // 输出 "undefined"在这个例子中，我们使用 delete 关键字删除对象中的 age 属性。输出 age 属性的值将是 undefined。
对象方法
JavaScript 对象可以包含方法作为其属性。以下示例演示如何在 JavaScript 对象中定义和调用方法：
-- -------------------- ---- -------
----- ------ - -
----- -------
---- ---
--------- ---------- -
------------------- -- ---- -- ------------ --- - -- ----------- ----- -------
-
--
------------------ -- -- ------- -- ---- -- ---- --- - -- -- ----- -----在这个例子中，我们使用对象字面量语法定义了具有三个属性（name、age 和 sayHello）的对象。sayHello 属性是一个函数（也称为方法），该方法使用模板字面量将对象的名称和年龄输出到控制台。最后，我们使用点语法调用 sayHello 方法来输出对象的名称和年龄。
结论
本文介绍了 ECMAScript 2021 中的 JavaScript 对象的创建、访问、修改和删除方法，以及这些方法的用法和一些使用建议。本文还提供了一些示例代码以帮助读者理解这些概念。
对象是 JavaScript 中最重要的概念之一。对象可以让开发者以更直观、更面向对象的方式构建复杂的应用程序。我们希望本文能够帮助你掌握 JavaScript 对象的基本概念，并且能够在你的工作中更好地运用对象。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/67172e19ad1e889fe2204850