JavaScript 对象迭代

最新推荐文章于 2023-02-22 16:43:49 发布

山茶树和葡萄树

最新推荐文章于 2023-02-22 16:43:49 发布

阅读量190

点赞数

分类专栏： web前端

本文链接：https://blog.csdn.net/xianghongai/article/details/106492127

版权

web前端专栏收录该内容

72 篇文章 0 订阅

订阅专栏

本文详细探讨了JavaScript中对象的迭代机制，包括如何使用for...in循环，Symbol.iterator以及ES6引入的Map和Set的迭代。同时，还讨论了如何自定义对象的迭代行为以及在实际开发中的应用案例。

摘要由CSDN通过智能技术生成

	遍历自身属性	遍历继承属性	遍历不可枚举属性	遍历 Symbol 类型属性
`Object.getOwnPropertyNames(obj)`	✔	✘	✔	✘
`Object.getOwnPropertyDescriptor(obj, prop)`	✔	✘	✔	✔
`Object.getOwnPropertyDescriptors(obj)`	✔	✘	✔	✔
`Object.getOwnPropertySymbols(obj)`	✘	✘	✔	✔
`Object.keys(obj)`	✔	✘	✘	✘
`Reflect.ownKeys(target)`	✔	✘	✔	✔
`obj.hasOwnProperty(prop)`	✔	✘	✔	✔
`for-in`	✔	✔	✘	✘

function ParentClass() {
  this.foo = 'foo';
}
ParentClass.prototype.inheritedMethod = function() {};

function ChildClass() {
  this.bar = 'bar';
  this.method = function() {};
}

ChildClass.prototype = new ParentClass;
ChildClass.prototype.prototypeMethod = function() {};

var obj = new ChildClass();

Object.defineProperty(obj, 'baz', {
  enumerable: false,
  configurable: false,
  writable: false,
  value: 'baz'
});

var quxSymbol = Symbol();

Object.defineProperty(obj, quxSymbol, {
  enumerable: false,
  configurable: false,
  writable: false,
  value: 'qux symbol'
});

Object.keys(obj); // ["bar", "method"]
Object.getOwnPropertyNames(obj); // ["bar", "method", "baz"]
Reflect.ownKeys(obj); // ["bar", "method", "baz", Symbol()]

let arr = []; for (const item in obj) { arr.push(item) } // ["bar", "method", "foo", "prototypeMethod", "inheritedMethod"]