zoukankan      html  css  js  c++  java
  • ES6学习--对象属性的遍历

    ES6一共有5种方法可以遍历对象的属性。

    (1)for...in

    for...in循环遍历对象自身的和继承的可枚举属性(不含Symbol属性)。

    (2)Object.keys(obj)

    Object.keys返回一个数组,包括对象自身的(不含继承的)所有可枚举属性(不含Symbol属性)。

    (3)Object.getOwnPropertyNames(obj)

    Object.getOwnPropertyNames返回一个数组,包含对象自身的所有属性(不含Symbol属性,但是包括不可枚举属性)。

    (4)Object.getOwnPropertySymbols(obj)

    Object.getOwnPropertySymbols返回一个数组,包含对象自身的所有Symbol属性。

    (5)Reflect.ownKeys(obj)

    Reflect.ownKeys返回一个数组,包含对象自身的所有属性,不管是属性名是Symbol或字符串,也不管是否可枚举。

    ///////Object.keys遍历属性/////////
    let obj = {a:1, b:2,c:3};
    Object.keys(obj); //["a", "b", "c"]返回对象属性数组

    /////////Object.keys遍历value/////////
    let obj = {a:1,b:2,c:function(){}};
    Object.values(obj); //[1, 2, f]返回对象属性value值数组


    ///////Object.entries遍历键值对////////
    let obj = {a:1,b:2,c:function(){}};
    Object.entries(obj); ////[['a',1],['b', 2], ['c',f]返回对象键值对数组

    ///////Object.getOwnPropertyNames遍历属性(枚举+不可枚举)/////////
    let obj = {a:1,b:2,c:function(){}};
    Object.getOwnPropertyNames(obj); ////["a", "b", "c"]返回对象包括不可枚举的属性数组

    以上的5种方法遍历对象的属性,都遵守同样的属性遍历的次序规则。

    • 首先遍历所有属性名为数值的属性,按照数字排序。
    • 其次遍历所有属性名为字符串的属性,按照生成时间排序。
    • 最后遍历所有属性名为Symbol值的属性,按照生成时间排序。
    Reflect.ownKeys({ [Symbol()]:0, b:0, 10:0, 2:0, a:0 })
    // ['2', '10', 'b', 'a', Symbol()]
    

    上面代码中,Reflect.ownKeys方法返回一个数组,包含了参数对象的所有属性。这个数组的属性次序是这样的,首先是数值属性210,其次是字符串属性ba,最后是Symbol属性。

  • 相关阅读:
    用数据泵技术实现逻辑备份Oracle 11g R2 数据泵技术详解(expdp impdp)
    用mysql实现类似于oracle dblink的功能
    统计1的个数
    转置字符串,其中单词内的字符需要正常
    经典排序之归并排序
    公共子序列与公共子串问题
    placement new (转)
    数组排序组合最小数字
    实现两个数相加不用四则运算
    操作系统中作业、线程、进程、内存管理、垃圾回收以及缓存等概念
  • 原文地址:https://www.cnblogs.com/1571523732-qq/p/10076385.html
Copyright © 2011-2022 走看看