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


Posted in Javascript onMarch 09, 2017

使用 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对象属性实例就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持三水点靠木。

Javascript 相关文章推荐
jQuery语法总结和注意事项小结
Nov 11 Javascript
动态加载js、css等文件跨iframe实现
Feb 24 Javascript
jQuery中复合属性选择器用法实例
Dec 31 Javascript
jquery实现图片预加载
Dec 25 Javascript
理解javascript定时器中的setTimeout与setInterval
Feb 23 Javascript
JavaScript实现移动端滑动选择日期功能
Jun 21 Javascript
JavaScript用200行代码制作打飞机小游戏实例
Jun 21 Javascript
switchery按钮的使用方法
Dec 18 Javascript
jQuery实现每隔一段时间自动更换样式的方法分析
May 03 jQuery
mongodb初始化并使用node.js实现mongodb操作封装方法
Apr 02 Javascript
Vue替代marquee标签超出宽度文字横向滚动效果
Dec 09 Javascript
js实现右键弹出自定义菜单
Sep 08 Javascript
微信小程序 五星评价功能的实现
Mar 09 #Javascript
javascript实现数据双向绑定的三种方式小结
Mar 09 #Javascript
jQuery插件HighCharts实现2D柱状图、折线图的组合多轴图效果示例【附demo源码下载】
Mar 09 #Javascript
Vue监听数据对象变化源码
Mar 09 #Javascript
html+javascript+bootstrap实现层级多选框全层全选和多选功能
Mar 09 #Javascript
Node.js常用工具之util模块
Mar 09 #Javascript
js遍历json对象所有key及根据动态key获取值的方法(必看)
Mar 09 #Javascript
You might like
Nginx下ThinkPHP5的配置方法详解
2017/08/01 PHP
Javascript+CSS实现影像卷帘效果思路及代码
2014/10/20 Javascript
一张Web前端的思维导图分享
2015/07/03 Javascript
深入理解jQuery之防止冒泡事件
2016/05/24 Javascript
详解Node.js模块间共享数据库连接的方法
2016/05/24 Javascript
jQuery实现响应鼠标事件的图片透明效果【附demo源码下载】
2016/06/16 Javascript
Jquery AJAX POST与GET之间的区别详细介绍
2016/10/17 Javascript
Bootstrap实现的标签页内容切换显示效果示例
2017/05/25 Javascript
hammer.js实现图片手势放大效果
2017/08/29 Javascript
Vue中组件之间数据的传递的示例代码
2017/09/08 Javascript
vue-cli整合vuex的时候,修改actions和mutations,实现热部署的方法
2018/09/19 Javascript
Vue-CLI3.x 设置反向代理的方法
2018/12/06 Javascript
@angular前端项目代码优化之构建Api Tree的方法
2018/12/24 Javascript
JavaScript使用闭包模仿块级作用域操作示例
2019/01/21 Javascript
JavaScript数据结构与算法之二叉树遍历算法详解【先序、中序、后序】
2019/02/21 Javascript
laypage+SpringMVC实现后端分页
2019/07/27 Javascript
jQuery实现B2B网站后台管理系统侧导航
2020/07/08 jQuery
[39:00]Optic vs VP 2018国际邀请赛淘汰赛BO3 第三场 8.24
2018/08/25 DOTA
在Python中处理字符串之ljust()方法的使用简介
2015/05/19 Python
python网络爬虫之如何伪装逃过反爬虫程序的方法
2017/11/23 Python
Python中Numpy ndarray的使用详解
2019/05/24 Python
python实现最大子序和(分治+动态规划)
2019/07/05 Python
Python获取当前脚本文件夹(Script)的绝对路径方法代码
2019/08/27 Python
使用Python刷淘宝喵币(低阶入门版)
2019/10/30 Python
利用python绘制数据曲线图的实现
2020/04/09 Python
python批量处理多DNS多域名的nslookup解析实现
2020/06/28 Python
Python无损压缩图片的示例代码
2020/08/06 Python
matplotlib运行时配置(Runtime Configuration,rc)参数rcParams解析
2021/01/05 Python
HTML5 用动画的表现形式装载图像
2016/03/08 HTML / CSS
英国女士和男士时尚服装网上购物:Top Labels Online
2018/03/25 全球购物
工程师岗位职责
2013/11/08 职场文书
辅导员评语
2014/05/04 职场文书
2014县政府领导班子对照检查材料思想汇报
2014/09/25 职场文书
小人国观后感
2015/06/11 职场文书
实习员工转正的评语汇总,以备不时之需
2019/12/17 职场文书
Python按顺序遍历并读取文件夹中文件
2022/04/29 Python