在 JavaScript 中，我们经常需要访问对象的属性。通常情况下，我们可以使用点操作符或方括号操作符来访问对象的属性。但是，如果我们不知道属性的名称，该怎么办呢？本文将介绍一些方法来访问 JavaScript 对象的属性，即使你不知道属性名称。
方法 1：使用 for-in 循环
for-in 循环可以遍历对象的所有属性名称，并让你能够访问它们。以下是示例代码：
----- --- - - ----- ------- ---- --- ----- ---- ----- -- --- ---- ---- -- ---- - ---------------- - -- - - ----------- -
上面的代码中，我们首先定义了一个包含三个属性的对象 obj，然后使用 for-in 循环遍历其中的属性。循环体内，我们通过 obj[prop] 访问当前属性的值，并将其打印到控制台上。输出结果如下：
----- ---- ---- -- ----- --- ----
注意，for-in 循环会遍历对象的原型链，因此在循环体内可能会访问到不属于对象自身的属性。为了避免这种情况，我们可以使用 obj.hasOwnProperty(prop) 来判断属性是否为对象自身的属性。
方法 2：使用 Object.keys()
Object.keys() 方法可以返回对象的所有属性名称数组。以下是示例代码：
----- --- - - ----- ------- ---- --- ----- ---- ----- -- ----- ----- - ----------------- --- ---- - - -- - - ------------- ---- - -------------------- - -- - - --------------- -
上面的代码中，我们首先使用 Object.keys() 方法获取对象的属性名称数组 props，然后使用 for 循环遍历其中的属性。循环体内，我们通过 obj[props[i]] 访问当前属性的值，并将其打印到控制台上。输出结果和前一个例子一样。
需要注意的是，Object.keys() 只会返回对象自身的可枚举属性名称数组，不会返回原型链上的属性名称。
方法 3：使用 Object.getOwnPropertyNames()
Object.getOwnPropertyNames() 方法可以返回对象的所有属性名称数组，包括不可枚举属性和非继承属性。以下是示例代码：
----- --- - - ----- ------- ---- --- ----- ---- ----- -- ----- ----- - -------------------------------- --- ---- - - -- - - ------------- ---- - -------------------- - -- - - --------------- -
上面的代码中，我们首先使用 Object.getOwnPropertyNames() 方法获取对象的属性名称数组 props，然后使用 for 循环遍历其中的属性。循环体内，我们通过 obj[props[i]] 访问当前属性的值，并将其打印到控制台上。输出结果和前两个例子一样。
需要注意的是，Object.getOwnPropertyNames() 只会返回对象自身的属性名称数组，不会返回原型链上的属性名称。
总结
以上三种方法都可以访问 JavaScript 对象的属性，即使你不知道属性名称。for-in 循环可以遍历所有属性名称，但可能会访问到原型链上的属性；Object.keys() 方法只会返回对象自身的可枚举属性名称数组；而 Object.getOwnPropertyNames() 方法则会返回对象自身的所有属性名称数组。在实际开发中，我们可以根据具体情况选择适合的方法来访问对象的属性。
示例代码：https://codepen.io/chatgpt/pen/GRWQmGZ
来源：JavaScript中文网 ，转载请注明来源 本文地址：https://www.javascriptcn.com/post/10436