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

最新推荐文章于 2025-05-17 14:20:52 发布

原创最新推荐文章于 2025-05-17 14:20:52 发布 · 3.5k 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#javascript #对象 #遍历 #json #浏览器

Html+Javascript 专栏收录该内容

260 篇文章

订阅专栏

本文介绍JavaScript中如何使用Object.keys方法来获取对象的所有可枚举属性名，并通过实例演示了筛选特定属性的过程，还展示了如何遍历JSON对象的键。

使用 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));

结果如图: