遍历 javascript 对象的方法有:for...in 循环:遍历对象的自身和继承的属性。object.keys():仅遍历对象的自身可枚举属性的键。object.values():仅遍历对象的自身可枚举属性的值。object.entries():遍历对象的自身可枚举属性的键值对。
遍历 JavaScript 对象
如何遍历 JavaScript 对象?
要遍历 JavaScript 对象,最常用的方法是使用 for...in 循环。它遍历对象的所有可枚举属性,包括那些继承自原型链的属性。
使用 for...in 循环
const person = { name: "John Doe", age: 30, city: "New York" }; for (const property in person) { console.log(`${property}: ${person[property]}`); }
输出:
name: John Doe age: 30 city: New York
注意: for...in 循环还遍历继承的属性,因此可能会输出其他属性,具体取决于对象的原型链。
使用 Object.keys
要仅遍历对象的自身可枚举属性,可以使用 Object.keys 方法。它返回一个包含所有键的数组。
const person = { name: "John Doe", age: 30, city: "New York" }; const keys = Object.keys(person); for (const key of keys) { console.log(`${key}: ${person[key]}`); }
输出:
name: John Doe age: 30 city: New York
使用 Object.values
要仅遍历对象的自身可枚举属性值,可以使用 Object.values 方法。它返回一个包含所有值的数组。
const person = { name: "John Doe", age: 30, city: "New York" }; const values = Object.values(person); for (const value of values) { console.log(value); }
输出:
John Doe 30 New York
使用 Object.entries
要遍历对象的自身可枚举属性的键值对,可以使用 Object.entries 方法。它返回一个包含键值对数组的数组。
const person = { name: "John Doe", age: 30, city: "New York" }; const entries = Object.entries(person); for (const [key, value] of entries) { console.log(`${key}: ${value}`); }
输出:
name: John Doe age: 30 city: New York
其他方法
还有一些其他方法可以遍历 JavaScript 对象,但它们的使用不那么普遍: