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"]返回对象包括不可枚举的属性数组
    
     
  • 相关阅读:
    第19章 辅助器方法
    第18 章 视图
    第16章 过滤器
    第15章 控制器和动作
    第14章 高级路由特性
    第13章 URL 路由
    第12章 MVC项目综述
    第8章 SportsStorePeta 导航
    第9章 SportsStorePeta 完成购物车
    第10章 SportsStorePeta 管理
  • 原文地址:https://www.cnblogs.com/agen-su/p/11790315.html
Copyright © 2011-2022 走看看