欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  web前端

详解javascript遍历json对象的key和任意js对象属性的示例代码(图)

程序员文章站 2022-03-30 17:32:52
...
下面小编就为大家带来一篇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);

结果图:

详解javascript遍历json对象的key和任意js对象属性的示例代码(图)

显示 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);

结果如图:

详解javascript遍历json对象的key和任意js对象属性的示例代码(图)

遍历json对象的键:

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

结果如图:

详解javascript遍历json对象的key和任意js对象属性的示例代码(图)

以上就是详解javascript遍历json对象的key和任意js对象属性的示例代码(图)的详细内容,更多请关注其它相关文章!