如何遍历对象_javascript中有哪些方法?

admin 百科 12
JavaScript对象遍历需先获取键、值或键值对数组,常用Object.keys()和Object.entries()配合forEach或for...of;for...in需hasOwnProperty过滤继承属性;Reflect.ownKeys()可获取含Symbol的所有自身键。

如何遍历对象_javascript中有哪些方法?-第1张图片-佛山资讯网

遍历 JavaScript 对象有多种方法,核心在于:对象本身是无序的键值对集合,不能像数组那样用 forforEach 直接遍历,必须先获取它的键、值或键值对数组,再进行循环。

for...in 遍历可枚举属性(含原型链)

这是最传统的方式,会遍历对象自身及原型链上所有可枚举的字符串键属性。

  • 记得加 hasOwnProperty 判断,避免遍历到继承属性
  • 不保证遍历顺序(尽管现代引擎对数字键/字符串键有约定,但不推荐依赖)
示例:

const obj = { a: 1, b: 2 };
for (let key in obj) {
  if (obj.hasOwnProperty(key)) {
    console.log(key, obj[key]); // 'a' 1, 'b' 2
  }
}

登录后复制

Object.keys() + for / forEach

只获取对象**自身可枚举的字符串键**,返回数组,再遍历 —— 更可控、更常用。

  • Object.keys(obj) → 键名数组(如 ['a', 'b']
  • Object.values(obj) → 值数组(如 [1, 2]
  • Object.entries(obj) → 键值对数组(如 [['a', 1], ['b', 2]]),适合解构
示例(entries):

Object.entries({ x: 10, y: 20 }).forEach(([key, value]) => {
  console.log(`${key}: ${value}`); // 'x: 10', 'y: 20'
});

登录后复制

Reflect.ownKeys() 获取所有自身键(含 Symbol)

Object.keys() 更全面:返回包括字符串键和 Symbol 键在内的所有自身属性键(不含原型链,含不可枚举)。

标签: javascript java 键值对

发布评论 0条评论)

还木有评论哦,快来抢沙发吧~