Object.keys方法实例详解

 更新时间:2023年09月08日 16:26:02   作者:别开车营养跟不上  
这篇文章主要介绍了Object.keys方法实例详解,本文通过实例代码给大家介绍的非常详细,对大家的学习或工作具有一定的参考借鉴价值,需要的朋友可以参考下

在实际开发中,我们有时需要知道对象的所有属性,原生js给我们提供了一个很好的方法:Object.keys(),该方法返回一个数组

传入对象,返回属性名

var obj = {'a':'123','b':'345'};
console.log(Object.keys(obj));  //['a','b']
var obj1 = { 100: "a", 2: "b", 7: "c"};
console.log(Object.keys(obj1)); // console: ["2", "7", "100"]
var obj2 = Object.create({}, { getFoo : { value : function () { return this.foo } } });
obj2.foo = 1;
console.log(Object.keys(obj2)); // console: ["foo"]

传入字符串,返回索引

var str = 'ab1234';
console.log(Object.keys(obj));  //[0,1,2,3,4,5]

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

    function Pasta(name, age, gender) {
            this.name = name;
            this.age = age;
            this.gender = gender;
            this.toString = function () {
                    return (this.name + ", " + this.age + ", " + this.gender);
            }
    }
    console.log(Object.keys(Pasta)); //console: []
    var spaghetti = new Pasta("Tom", 20, "male");
    console.log(Object.keys(spaghetti)); //console: ["name", "age", "gender", "toString"]

数组 返回索引

    var arr = ["a", "b", "c"];
    console.log(Object.keys(arr)); // console: ["0", "1", "2"]

到此这篇关于Object.keys方法之详解的文章就介绍到这了,更多相关SpringBoot整合websockt内容请搜索脚本之家以前的文章或继续浏览下面的相关文章希望大家以后多多支持脚本之家!

相关文章

  • js 压缩图片的示例(只缩小体积,不更改图片尺寸)

    js 压缩图片的示例(只缩小体积,不更改图片尺寸)

    这篇文章主要介绍了js 压缩图片的示例,帮助大家利用js处理图片,完成特殊需求,感兴趣的朋友可以了解下
    2020-10-10
  • JavaScript setTimeout与setTimeinterval使用案例详解

    JavaScript setTimeout与setTimeinterval使用案例详解

    这篇文章主要介绍了JavaScript setTimeout与setTimeinterval使用案例详解,本篇文章通过简要的案例,讲解了该项技术的了解与使用,以下就是详细内容,需要的朋友可以参考下
    2021-08-08
  • JS实现带阴历的日历功能详解

    JS实现带阴历的日历功能详解

    这篇文章主要介绍了JS实现带阴历的日历功能,结合实例形式分析了js阴历算法及实现带阴历的日历相关操作技巧,需要的朋友可以参考下
    2019-01-01
  • JavaScript中的数据劫持和数据代理使用

    JavaScript中的数据劫持和数据代理使用

    文章主要介绍了数据劫持(Object.defineProperty)和数据代理(Proxy)两种方式在JavaScript中的应用,并通过生活中的例子来详细解释它们的工作原理和使用场景,文章还对比了两种方式的优缺点,并指出了它们在Vue.js中的应用
    2025-02-02
  • 深入理解TypeScript 类型兼容性

    深入理解TypeScript 类型兼容性

    本文主要介绍了TypeScript 在函数、枚举、类和泛型中的类型兼容性规则,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧
    2024-01-01
  • JavaScript 监听textarea中按键事件

    JavaScript 监听textarea中按键事件

    不同的浏览器中的事件监听机制是不同的,以onKeyPress事件为例。
    2009-10-10
  • javascript给span标签赋值的方法

    javascript给span标签赋值的方法

    本篇文章通过两种方法给大家介绍js给span标签赋值的方法,两种方法都比较不错,特此分享给大家,供大家学习
    2015-11-11
  • js 动态加载事件的几种方法总结

    js 动态加载事件的几种方法总结

    本篇文章主要是对js 动态加载事件的几种方法进行了详细的总结介绍,需要的朋友可以过来参考下,希望对大家有所帮助
    2013-12-12
  • javascript function、指针及内置对象

    javascript function、指针及内置对象

    该文摘自于匿名教程总结,希望对初学js的同学有帮助,因为它解决了我学习js的众多迷惑。。。
    2009-02-02
  • 关于微信小程序实现云支付那些事儿

    关于微信小程序实现云支付那些事儿

    我们在做小程序支付相关的开发时,总会遇到这些难题,下面这篇文章主要给大家介绍了关于微信小程序实现云支付那些事儿,文中通过图文介绍的非常详细,需要的朋友可以参考下
    2021-09-09

最新评论