脚本宝典收集整理的这篇文章主要介绍了

ES6:遍历对象的键的所有方法

脚本宝典小编觉得挺不错的,现在分享给大家,也给大家做个参考,希望能帮助你少写一行代码,多一份安全和惬意。

遍历对象的键的所有方法

预定义如下对象:

Object.prototype.parentKey = 'pValue';
Object.prototype.parentFun = function(){};
let obj = {
  mykey: 'value',
  myFun: function(){},
  [Symbol()]:'symbolValue'
}
// 在obj上定义2个不可枚举的属性
Object.defineProperty(obj, 'myUnemurableKey', {value:'value22', enumerable:false});
Object.defineProperty(obj, 'myUnenmurableFunc', {value:function(){}, enumrable:false});

for ... in方法

用于遍历自身和原型对象的可枚举的属性

for (let key in obj) {
    console.log(key)
}

输出:
mykey
myFun
parentKey
parentFun

Object.keys()方法

用于返回对象自身的所有可枚举属性

Object.keys(obj)

输出:
["mykey", "myFun"]

Object.getOwnPropertyNames()方法

用于返回对象所有属性,包含可枚举属性和不可枚举属性,不包含Symbol属性

Object.getOwnPropertyNames(obj)

输出:
["mykey", "myFun", "myUnemurableKey", "myUnenmurableFunc"]

Object.getOwnPropertySymbols()方法

用于返回对象所有属性,包含可枚举属性和不可枚举属性,只包含Symbol属性

Object.getOwnPropertySymbols(obj)

输出:
[Symbol()]

Reflect.ownKeys()方法

用于返回对象所有属性,包含可枚举属性和不可枚举属性,也包含Symbol属性

Reflect.ownKeys(obj)

输出:
["mykey", "myFun", "myUnemurableKey", "myUnenmurableFunc", Symbol()]

Object.getOwnPropertyDescriptors方法

这个方法可以返回对象自身所有属性的描述对象,包含key, value, writable, enumerable, configurable。

Object.getOwnPropertyDescriptors(obj)

输出:

{
    "mykey": {
        "value": "value",
        "writable": true,
        "enumerable": true,
        "configurable": true
    },
    "myFun": {
        "writable": true,
        "enumerable": true,
        "configurable": true
    },
    "myUnemurableKey": {
        "value": "value22",
        "writable": false,
        "enumerable": false,
        "configurable": false
    },
    "myUnenmurableFunc": {
        "writable": false,
        "enumerable": false,
        "configurable": false
    }
}

总结

以上是脚本宝典为你收集整理的

ES6:遍历对象的键的所有方法

全部内容,希望文章能够帮你解决

ES6:遍历对象的键的所有方法

所遇到的程序开发问题,欢迎加入QQ群277859234一起讨论学习。如果觉得脚本宝典网站内容还不错,欢迎将脚本宝典网站推荐给程序员好友。 本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。如您有任何意见或建议可联系处理。小编QQ:384754419,请注明来意。

80%的人都看过