前言
ECMAScript 是一种基于 JavaScript 的脚本语言标准，每年都会推出新的版本。在 ECMAScript 2021（ES12）中，对象的遍历和操作属性的方法得到了增强和改善，这对于前端开发者来说是非常重要的。
在本文中，我们将详细介绍 ECMAScript 2021 中的遍历和操作普通对象属性的方法，包括它们的学习和指导意义，并提供示例代码，帮助读者更好地理解这些概念。
遍历对象属性的方法
在 ECMAScript 2021 中，我们有多种方法来遍历对象的属性，包括 for...in 循环、Object.keys() 方法、Object.values() 方法、Object.entries() 方法、Reflect.ownKeys() 方法等。
for...in 循环
for...in 循环是最基本的遍历对象属性的方法，它可以遍历对象的可枚举属性和原型链上的属性。具体的使用方法如下：
const obj = { name: 'Alice', age: 18, gender: 'female' }
for (let key in obj) {
console.log(`${key}: ${obj[key]}`)
}输出结果为：
name: Alice age: 18 gender: female
需要注意的是，for...in 循环不能保证对象属性的遍历顺序，因此不适用于需要有序遍历的场景。
Object.keys() 方法
Object.keys() 方法返回一个由对象的可枚举属性组成的数组，可以遍历对象的属性并返回属性名的列表。具体的使用方法如下：
const obj = { name: 'Alice', age: 18, gender: 'female' }
const keys = Object.keys(obj)
for (let key of keys) {
console.log(`${key}: ${obj[key]}`)
}输出结果为：
name: Alice age: 18 gender: female
需要注意的是，Object.keys() 方法只返回对象的可枚举属性，不包括不可枚举属性和原型链上的属性。
Object.values() 方法
Object.values() 方法返回一个由对象的可枚举属性值组成的数组，可以遍历对象的属性并返回属性值的列表。具体的使用方法如下：
const obj = { name: 'Alice', age: 18, gender: 'female' }
const values = Object.values(obj)
for (let value of values) {
console.log(value)
}输出结果为：
Alice 18 female
需要注意的是，Object.values() 方法只返回对象的可枚举属性值，不包括不可枚举属性和原型链上的属性。
Object.entries() 方法
Object.entries() 方法返回一个由对象的可枚举属性键值对组成的数组，可以遍历对象的属性并返回属性键值对的列表。具体的使用方法如下：
const obj = { name: 'Alice', age: 18, gender: 'female' }
const entries = Object.entries(obj)
for (let [key, value] of entries) {
console.log(`${key}: ${value}`)
}输出结果为：
name: Alice age: 18 gender: female
需要注意的是，Object.entries() 方法只返回对象的可枚举属性键值对，不包括不可枚举属性和原型链上的属性。
Reflect.ownKeys() 方法
Reflect.ownKeys() 方法返回一个由对象的所有属性键组成的数组，包括可枚举属性、不可枚举属性和 Symbol 类型的属性键。具体的使用方法如下：
const obj = { name: 'Alice', age: 18, gender: 'female' }
const keys = Reflect.ownKeys(obj)
for (let key of keys) {
console.log(`${key}: ${obj[key]}`)
}输出结果为：
name: Alice age: 18 gender: female
需要注意的是，Reflect.ownKeys() 方法返回的数组是有序的，包括对象的所有属性键，不受可枚举属性和原型链的影响。
操作对象属性的方法
在 ECMAScript 2021 中，我们也有多种方法来操作对象的属性，包括 Object.defineProperty() 方法、Object.defineProperties() 方法、Object.assign() 方法、Object.getOwnPropertyDescriptors() 方法等。
Object.defineProperty() 方法
Object.defineProperty() 方法用于定义对象的属性，可以定义属性的值、可枚举性、可写性、可配置性等。具体的使用方法如下：
-- -------------------- ---- ------- ----- --- - -- -------------------------- ------- - ------ -------- --------- ------ ----------- ----- ------------- ---- -- --------------------- -- ------- -------- - ----- --------------------- -- -------
需要注意的是，Object.defineProperty() 方法只能定义单个属性，如果需要定义多个属性，可以使用 Object.defineProperties() 方法。
Object.defineProperties() 方法
Object.defineProperties() 方法用于定义对象的多个属性，可以定义属性的值、可枚举性、可写性、可配置性等。具体的使用方法如下：
-- -------------------- ---- -------
----- --- - --
---------------------------- -
----- -
------ --------
--------- ------
----------- -----
------------- ----
--
---- -
------ ---
--------- ------
----------- -----
------------- ----
--
------- -
------ ---------
--------- ------
----------- -----
------------- ----
-
--
--------------------- -- -------
-------------------- -- --
----------------------- -- --------Object.assign() 方法
Object.assign() 方法用于将一个或多个源对象的属性复制到目标对象中，可以用于对象的合并、克隆等。具体的使用方法如下：
const obj1 = { name: 'Alice', age: 18 }
const obj2 = { gender: 'female' }
const obj = Object.assign({}, obj1, obj2)
console.log(obj) // { name: 'Alice', age: 18, gender: 'female' }需要注意的是，Object.assign() 方法只能复制源对象的可枚举属性，不包括不可枚举属性和原型链上的属性。
Object.getOwnPropertyDescriptors() 方法
Object.getOwnPropertyDescriptors() 方法用于获取对象的所有属性的描述符，包括值、可枚举性、可写性、可配置性等。具体的使用方法如下：
-- -------------------- ---- -------
----- --- - - ----- -------- ---- -- -
----- ----------- - -------------------------------------
------------------------
--
-
----- -
------ --------
--------- -----
----------- -----
------------- ----
--
---- -
------ ---
--------- -----
----------- -----
------------- ----
-
-
--需要注意的是，Object.getOwnPropertyDescriptors() 方法返回的对象中包括不可枚举属性和 Symbol 类型的属性键。
总结
在 ECMAScript 2021 中，对象的遍历和操作属性的方法得到了增强和改善，包括 for...in 循环、Object.keys() 方法、Object.values() 方法、Object.entries() 方法、Reflect.ownKeys() 方法、Object.defineProperty() 方法、Object.defineProperties() 方法、Object.assign() 方法、Object.getOwnPropertyDescriptors() 方法等。
这些方法可以帮助开发者更方便地遍历和操作对象的属性，提高开发效率和代码质量。同时，这些方法也有一些需要注意的地方，比如遍历顺序、属性可枚举性、属性可写性、属性可配置性等。
因此，我们需要在实际开发中灵活运用这些方法，根据具体的需求选择合适的方法，避免出现不必要的错误和问题。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/65f2fc2e2b3ccec22fb8b332