• ES6入门系列 ----- 对象的遍历


    工作中遍历对象是家常便饭了,遍历数组的方法五花八门, 然而很多小伙伴是不是和我之前一样只会用for ...in....

    来遍历对象呢, 今天给大家介绍五种遍历对象属性的方法:

    • 1, 最常用的for  in   
    1. 它可以便利对象本身及其继承自原型上的可枚举属性,
    2. 过滤掉原型上的属性可以用hasOwnProperty(属性名)来判断是否是本身的属性,
    3. 对象的每一个属性都有它的描述,可以用Object.getOwnPropertyDescriptors(对象, 属性名)来查看对象的某个属性的描述,可以知道其是否是可枚举, 可写,可配置
    • 2, Object.keys(obj)
    1. 是不是有点眼熟,和数组的keys方法很像, 返回一个数组
    2. 这个数组包含自身的所有可枚举属性,不包含原型链上的属性以及Symbol属性
    3. 这个数组是可迭代的,也就是部署了iterator接口,可以用for...of遍历
    • 3, Object.getOwnPropertyNames(obj)
    1. 返回一个数组
    2. 包含自身的所有属性,包括不可枚举的属性,但不包括Symbol属性
    • 4  Object.getOwnPropertySymbols(obj)
    1. 返回一个数组
    2. 包含自身的所有Symbol属性
    • 5  Reflect.ownKeys(obj)
    1. 返回一个数组
    2. 一般不会用, 包含自身的所有属性, 不管是否为Symbol属性, 也不管是否可枚举

    插播 :           Symbol   是 es6  新增的一种基本数据类型,  es5的基本数据有5种, 所以新增后有6种基本数据类型

           在Symbol出现之前,对象的属性名只能为字符串, 容易造成属性名冲突, 而Symbol 是独一无二的,

        所以用Symbol 作为属性名一定不会冲突。

          格式    const s = Symbol()    , 切记前面不用加new,  因为new 操作符会返回一个对象,而Symbol是

        原始值。Symbol() === Symbol()   // false.

    拓展题:        typeof   1234n   =   ?     

  • 相关阅读:
    使用IDEA创建Maven项目
    DHCP 服务详解
    Linux的使用
    Docker的使用
    记录一件小事
    Unity插件DOTween中的中的Ease
    入坑微信小程序必经之路(十)微信授权登录
    入坑微信小程序必经之路(九)发送 res.code 到C# API接口换取 openId, sessionKey
    POI3.17操作excel(读)
    Vue3.2 内置组件 Suspense
  • 原文地址:https://www.cnblogs.com/LHLVS/p/11012062.html
Copyright © 2020-2023  润新知