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

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

.NET跨平台

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

阅读量3.5k

点赞数

CC 4.0 BY-SA版权

分类专栏： Html+Javascript 文章标签： javascript 对象遍历 json 浏览器

本文链接：https://blog.youkuaiyun.com/WuLex/article/details/52221030

Html+Javascript 专栏收录该内容

260 篇文章

订阅专栏

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

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

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

结果如图: