Object.keys()

在实际开发过程中,有时需要知道对象的所有属性,除了 (for...in...) 外,原生js 给我们提供了一个更优雅的方法:

Object.keys( object)。

☆  传入对象, 返回 包含对象可枚举属性和方法的数组

  1. var obj = {'a': 'Beijing', 'b': 'Haidian'};

  2. console.log(Object.keys(obj)); //['a', 'b']

☆  传入字符串,返回索引值

  1. var str = "Beijing";

  2. console.log(Object.keys(str));

  3. // ["0", "1", "2", "3", "4", "5", "6"]

☆ 传入数组,返回索引值

  1. var arr = ["a", "b", "c"];

  2. console.log(Object.keys(arr));

  3. //["0", "1", "2"]

☆ 构造函数,返回空数组或者属性名

  1. function Demo(name, age) {

  2. this.name = name;

  3. this.age = age;

  4. }

  5. console.log(Object.keys(Demo));

  6. // []

⭐️ keys 方法仅返回可枚举属性和方法的名称;若要返回可枚举和不可枚举属性和方法的名称,可以使用 Object.getOwnPropertyNames( )  函数。

js Object.keys()相关推荐

  1. js Object.keys

    /*** Created by W.J.Chang on 2014/5/23.*/ d = 1; var a = {a:'b',c:'d'};// 枚举Keys for(var i in a) {co ...

  2. php object keys_原生js中Object.keys方法详解

    实际开发中,有时需要知道对象的所有属性,原生js提供了一个方法Object.keys(). Object.keys(obj)返回的是一个数组,该数组的所有元素都是字符串.这些元素是来自于给定的obj可 ...

  3. 【JS】1410- 一行 Object.keys() 引发的思考

    作者:4Ark https://juejin.cn/post/7041049741458669576 故事背景 有一天上线后大佬反馈了一个问题,他刚发的动态在生成分享卡片的时候,卡片底部的小程序码丢失 ...

  4. Reflect.ownKeys()与Object.keys()区别 以及 JS中的可枚举属性与不可枚举属性

    代码test1: var obj = {} Object.defineProperty(obj, 'method1', {value: function () {alert("Non enu ...

  5. JS的Object.keys

    简记:返回对象的所有属性 ☆  传入对象, 返回包含对象可枚举属性和方法的数组 var obj = {'a': 'Beijing', 'b': 'Haidian'}; console.log(Obje ...

  6. Object.keys方法之详解

    记一道JavaScript面试题 问题: 如果我们使用JavaScript的"关联数组",我们怎么计算"关联数组"的长度? var counterArray = ...

  7. js object 常用方法总结

    转载自  js object 常用方法总结 Object.assign(target,source1,source2,...) 该方法主要用于对象的合并,将源对象source的所有可枚举属性合并到目标 ...

  8. for in、for of、forEach、Object.keys(obj)、Object.getOwnPropertyNames(obj)的区别、优缺点和使用场景

    先做一个测试题: const arr = [1, 2, 3] arr.name = 'name' // 不要这么做,只是为了测试 Array.prototype.test = function () ...

  9. 遍历JS Object的方法

    遍历JS Object的方法 1.Object.keys 2. for in 1.Object.keys const body = {hot: false,id: 5,news: true,topic ...

最新文章

  1. 使用MLX90640自制红外热像仪(四):stm32f103c8t6刷320x240分辨率屏的时间测试
  2. http 和 https_详解http和https的区别
  3. Spring Cloud的核心成员、以及架构实现详细介绍
  4. LeetCode 605 种花问题
  5. Hadoop集群启动时NameNode未启动解决方法
  6. python对称加密_【Python】 基于秘钥的对称加密
  7. MUSIC算法相关原理知识(物理解读+数学推导+Matlab代码实现)
  8. matlab norm函数_机器人手眼标定MATLAB及C++实现(二十九)
  9. linux(所有版本)下安装有道词典
  10. WebSocket is already in CLOSING or CLOSED state
  11. LCD-QC1602A v2.0
  12. Windows 10打开蓝牙已关闭解决方法
  13. [NSSRound#8 Basic]MyDoor
  14. wifi底层学习之路:二,无线配置管理服务cfg80211
  15. android 开发英语单词统计
  16. latex中文简易模板,课程论文使用
  17. Arista-CVP初始化
  18. 24.零起点学算法22——华氏摄氏温度转换
  19. 编程中保护眼睛的颜色
  20. 反编译华为U8825D“framework-res.apk”出现的错误提示(2)

热门文章

  1. Java 序列化的高级认识
  2. 计算机网络本地连接被禁用说明什么,win10系统网络被禁用重新启用本地连接的设置技巧...
  3. Design Pattern - Factory Method(C#)
  4. 盲人计算机培训计划,中国盲人协会-河南省郑州市盲人按摩培训班教学大纲及计划...
  5. @transaction 提交事务_Kafka 事务实现原理
  6. 南京农业大学计算机保研率,2016中国大学保研率排名出炉 江苏11所高校入百强...
  7. 这个“老婆生成器”说我有5个前妻...
  8. Elasticsearch 设置默认值的三种方式
  9. IntelliJ IDEA 2021.2 正式发布了!
  10. 皮一皮:这个TONY有点厉害!