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 相关文章推荐
比较全的JS checkbox全选、取消全选、删除功能代码
Dec 19 Javascript
事件冒泡是什么如何用jquery阻止事件冒泡
Mar 20 Javascript
jQuery控制的不同方向的滑动(向左、向右滑动等)
Jul 18 Javascript
js实现从中间开始往上下展开网页窗口的方法
Mar 02 Javascript
jquery实现动态改变div宽度和高度
May 08 Javascript
Javascript简单改变表单元素背景的方法
Jul 15 Javascript
JavaScript中的Repaint和Reflow用法详解
Jul 27 Javascript
jQuery实现默认是闭合的FAQ展开效果菜单
Sep 14 Javascript
Vue的轮播图组件实现方法
Mar 03 Javascript
js数组去重的方法总结
Jan 18 Javascript
点击按钮弹出模态框的一系列操作代码实例
Mar 29 Javascript
Vue实现简易购物车页面
Dec 30 Vue.js
微信小程序 五星评价功能的实现
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
PHP在引号前面添加反斜杠(PHP去除反斜杠)
2013/09/28 PHP
php上传图片客户端和服务器端实现方法
2015/03/30 PHP
PHP封装的mysqli数据库操作类示例
2019/02/16 PHP
解决FireFox下[使用event很麻烦]的问题
2006/11/26 Javascript
Javascript条件判断使用小技巧总结
2008/09/08 Javascript
js直接编辑当前cookie的脚本
2008/09/14 Javascript
jquery imgareaselect 使用利用js与程序结合实现图片剪切
2009/07/30 Javascript
JavaScript Tips 使用DocumentFragment加快DOM渲染速度
2010/06/28 Javascript
JS操作Cookies的小例子
2013/10/15 Javascript
JS删除字符串中重复字符方法
2014/03/09 Javascript
浅谈javascript中for in 和 for each in的区别
2015/04/23 Javascript
javascript背景时钟实现方法
2015/06/18 Javascript
JavaScript判断表单中多选框checkbox选中个数的方法
2015/08/17 Javascript
jQuery插件 Jqplot图表实例
2016/06/18 Javascript
jQuery窗口拖动功能的实现代码
2017/02/04 Javascript
微信小程序出现wx.navigateTo页面不跳转问题的解决方法
2017/12/26 Javascript
在 webpack 中使用 ECharts的实例详解
2018/02/05 Javascript
Node.js创建HTTP文件服务器的使用示例
2018/05/11 Javascript
vue中如何让子组件修改父组件数据
2018/06/14 Javascript
小程序云开发获取不到数据库记录的解决方法
2019/05/18 Javascript
VUE注册全局组件和局部组件过程解析
2019/10/10 Javascript
javascript设计模式 ? 迭代器模式原理与用法实例分析
2020/04/17 Javascript
公众号SVG动画交互实战代码
2020/05/31 Javascript
JavaScript实现网页动态生成表格
2020/11/25 Javascript
Python中的自定义函数学习笔记
2014/09/23 Python
使用paramiko远程执行命令、下发文件的实例
2017/10/01 Python
python 实现Flask中返回图片流给前端展示
2020/01/09 Python
python怎么对数字进行过滤
2020/07/05 Python
HTML5之SVG 2D入门11—用户交互性(动画)介绍及应用
2013/01/30 HTML / CSS
德国购买健身器材:AsVIVA
2017/08/09 全球购物
俄罗斯在线大型超市:ТутПросто
2021/01/08 全球购物
腾讯广告词
2014/03/19 职场文书
2014年国庆节演讲稿
2014/09/19 职场文书
简单通用的简历自我评价
2014/09/21 职场文书
大学生个人简历自我评价
2015/03/11 职场文书
七年级作文之环保作文
2019/10/17 职场文书