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 相关文章推荐
javascript不同页面传值的改进版
Sep 30 Javascript
jQuery的实现原理的模拟代码 -5 Ajax
Aug 07 Javascript
了解一点js的Eval函数
Jul 26 Javascript
javascript实现des解密加密全过程
Apr 03 Javascript
js变量提升深入理解
Sep 16 Javascript
JQuery实现动态操作表格
Jan 11 Javascript
AngularJS实时获取并显示密码的方法
Feb 06 Javascript
详解vue组件中使用路由方法
Feb 12 Javascript
关于AOP在JS中的实现与应用详解
May 06 Javascript
手把手教您实现react异步加载高阶组件
Apr 07 Javascript
简单了解前端渐进式框架VUE
Jul 20 Javascript
Node快速切换版本、版本回退(降级)、版本更新(升级)
Jan 07 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
dede3.1分页文字采集过滤规则详说(图文教程)续四
2007/04/03 PHP
php下使用SMTP发邮件的代码
2008/01/10 PHP
php文件上传表单摘自drupal的代码
2011/02/15 PHP
浅析is_writable的php实现
2013/06/18 PHP
汇总PHPmailer群发Gmail的常见问题
2016/02/24 PHP
Laravel重定向,a链接跳转,控制器跳转示例
2019/10/22 PHP
指定js可访问其它域名的cookie的方法
2007/09/18 Javascript
jquery实现倒计时代码分享
2014/06/13 Javascript
DOM节点深度克隆函数cloneNode()用法实例
2015/01/12 Javascript
Node.js 去掉种子(torrent)文件里的邪恶信息
2015/03/27 Javascript
Bootstrap作品展示站点实战项目2
2016/10/14 Javascript
Angular.JS中的指令引用template与指令当做属性详解
2017/03/30 Javascript
深入研究React中setState源码
2017/11/17 Javascript
Vue按需加载的具体实现
2017/12/02 Javascript
vue-router重定向不刷新问题的解决
2018/06/25 Javascript
JavaScript实现异步图像上传功能
2018/07/12 Javascript
nodejs通过钉钉群机器人推送消息的实现代码
2019/05/05 NodeJs
vue 实现搜索的结果页面支持全选与取消全选功能
2019/05/10 Javascript
详细分析python3的reduce函数
2017/12/05 Python
浅谈Python2获取中文文件名的编码问题
2018/01/09 Python
Python实现的根据文件名查找数据文件功能示例
2018/05/02 Python
python得到单词模式的示例
2018/10/15 Python
用Python PIL实现几个简单的图片特效
2019/01/18 Python
selenium python 实现基本自动化测试的示例代码
2019/02/25 Python
Python Django 简单分页的实现代码解析
2019/08/21 Python
Python图像处理二值化方法实例汇总
2020/07/24 Python
欧舒丹澳洲版:L’OCCITANE
2017/07/17 全球购物
测试时代收集的软件测试面试题
2013/09/25 面试题
环境科学专业个人求职的自我评价
2013/11/28 职场文书
甲方资料员岗位职责
2013/12/13 职场文书
国培计划培训感言
2014/03/11 职场文书
2014大学生批评与自我批评思想汇报
2014/09/21 职场文书
大学拉赞助协议书范文
2014/09/26 职场文书
《日月潭》教学反思
2016/02/20 职场文书
旅游安全责任协议书
2016/03/22 职场文书
Python if else条件语句形式详解
2022/03/24 Python