javascript遍历json对象的key和任意js对象属性实例

 更新时间:2017年03月09日 10:14:46   投稿:jingxian  
下面小编就为大家带来一篇javascript遍历json对象的key和任意js对象属性实例。小编觉得挺不错的,现在就分享给大家,也给大家做个参考。一起跟随小编过来看看吧

使用 keys 方法获取该对象的属性和方法:

 function Pasta(grain, width, shape) {
        this.grain = grain;
        this.width = width;
        this.shape = shape;
        this.toString = function () {
          return (this.grain + ", " + this.width + ", " + this.shape);
        }
      }
      
      var spaghetti = new Pasta("wheat", 0.2, "circle");
      var arr = Object.keys(spaghetti);
      document.write(arr);

结果图:

显示 Pasta 对象中以字母“g”开头的所有可枚举属性的名称:

function Pasta(grain, width, shape) {
        this.grain = grain;
        this.width = width;
        this.shape = shape;
      }

      function CheckKey(value) {
        var firstChar = value.substr(0, 1);
        if (firstChar.toLowerCase() == "g") {
          return true;
        } else {
          return false;
        }
      }

      var polenta = new Pasta("corn", 1, "mush");
      var keys = Object.keys(polenta).filter(CheckKey);
      document.write(keys);

结果如图:

遍历json对象的键:

var an_obj = { 100: 'a', 2: 'b', 7: 'c', "name": "wu", "interesting": "Game" };
 document.write(Object.keys(an_obj));

结果如图:


以上这篇javascript遍历json对象的key和任意js对象属性实例就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持脚本之家。

相关文章

  • webpack中splitChunks分包策略的实现

    webpack中splitChunks分包策略的实现

    splitChunks是 webpack 中用于分包的配置选项之一,本文主要介绍了webpack中splitChunks分包策略的实现,具有一定的参考价值,感兴趣的可以了解一下
    2024-06-06
  • ts依赖引入报错:无法找到模块“xxxxxx”的声明文件问题解决

    ts依赖引入报错:无法找到模块“xxxxxx”的声明文件问题解决

    这篇文章主要给大家介绍了关于ts依赖引入报错:无法找到模块“xxxxxx”的声明文件问题的解决办法,文中通过示例带将解决办法介绍的非常详细,需要的朋友可以参考下
    2023-07-07
  • My Desktop :) 桌面式代码

    My Desktop :) 桌面式代码

    My Desktop 桌面式 代码
    2008-12-12
  • javascript 二进制运算技巧解析

    javascript 二进制运算技巧解析

    javascript 中的二进制运算的一些技巧,晒出来和你们分享一下,希望可以帮助你们
    2012-11-11
  • js友好的时间返回函数

    js友好的时间返回函数

    这篇文章主要为大家详细介绍了js友好的时间返回函数,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2016-08-08
  • JavaScript高级教程5.6之基本包装类型(详细)

    JavaScript高级教程5.6之基本包装类型(详细)

    在基本类型当中,有三种类型是我们经常使用的:boolean,number,string,通过本篇文章给大家介绍javascript高级教程5.6之基本包装类型,感兴趣的朋友一起学习吧
    2015-11-11
  • js数字滑动时钟的简单实现(示例讲解)

    js数字滑动时钟的简单实现(示例讲解)

    下面小编就为大家带来一篇js数字滑动时钟的简单实现(示例讲解)。小编觉得挺不错的,现在就分享给大家,也给大家做个参考。一起跟随小编过来看看吧
    2017-08-08
  • js保存当前路径(cookies记录)

    js保存当前路径(cookies记录)

    曾经做了一个取消订单的功能。这个功能在个人中心里面有,在订单的详细页面也有。按照正常的思路,这两块都可以提交到相同的action去处理,但是返回的页面是不一样的,都是返回到当前页面就可以了。
    2010-12-12
  • JS原形与原型链深入详解

    JS原形与原型链深入详解

    这篇文章主要介绍了JS原形与原型链,结合实例形式深入分析了JS原型链、继承、组合继承等相关原理、操作技巧及注意事项,需要的朋友可以参考下
    2020-05-05
  • 小程序实现tab标签页

    小程序实现tab标签页

    这篇文章主要为大家详细介绍了小程序实现tab标签页,可点击切换,滑动切换页面,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2020-11-11

最新评论