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获取变量
Aug 24 Javascript
jQuery 判断元素上是否绑定了事件
Oct 28 Javascript
页面中js执行顺序
Nov 09 Javascript
Jquery ajax不能解析json对象,报Invalid JSON错误的原因和解决方法
Mar 27 Javascript
javascript XMLHttpRequest对象全面剖析
Apr 24 Javascript
js 时间格式与时间戳的相互转换示例代码
Dec 25 Javascript
js取得html iframe中的元素和变量值
Jun 30 Javascript
使用jquery实现放大镜效果
Sep 02 Javascript
详解JavaScript中的Unescape()和String() 函数
Nov 09 Javascript
React Native中TabBarIOS的简单使用方法示例
Oct 13 Javascript
Vue自定义指令上报Google Analytics事件统计的方法
Feb 25 Javascript
vue路由拦截器和请求拦截器知识点总结
Nov 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
使用MaxMind 根据IP地址对访问者定位
2006/10/09 PHP
php中explode与split的区别介绍
2012/10/03 PHP
php后门URL的防范
2013/11/12 PHP
Smarty中常用变量操作符汇总
2014/10/27 PHP
Laravel使用PHPQRCODE实现生成带有LOGO的二维码图片功能示例
2017/07/07 PHP
JavaScript 捕获窗口关闭事件
2009/07/26 Javascript
jquery easyui滚动条部分设置介绍
2013/09/12 Javascript
js 判断上传文件大小及格式代码
2013/11/13 Javascript
JavaScript中的undefined学习总结
2013/11/30 Javascript
js 动态修改css文件用到了cssRule
2014/08/20 Javascript
javascript实现信息增删改查的方法
2015/07/25 Javascript
javascript给span标签赋值的方法
2015/11/26 Javascript
前端性能优化及技巧
2016/05/06 Javascript
Javascript中的 “&” 和 “|” 详解
2017/02/02 Javascript
深入理解ES6的迭代器与生成器
2017/08/19 Javascript
详解react-router4 异步加载路由两种方法
2017/09/12 Javascript
jQuery实现对网页节点的增删改查功能示例
2017/09/18 jQuery
JavaScript深拷贝和浅拷贝概念与用法实例分析
2018/06/07 Javascript
vue移动端监听滚动条高度的实现方法
2018/09/03 Javascript
微信小程序 轮播图实现原理及优化详解
2019/09/29 Javascript
Vue实现数据请求拦截
2019/10/23 Javascript
如何在vue-cli中使用css-loader实现css module
2021/01/07 Vue.js
Bootstrap FileInput实现图片上传功能
2021/01/28 Javascript
apache部署python程序出现503错误的解决方法
2017/07/24 Python
Ubuntu安装Jupyter Notebook教程
2017/10/18 Python
python 使用sys.stdin和fileinput读入标准输入的方法
2018/10/17 Python
Django实现celery定时任务过程解析
2020/04/21 Python
selenium3.0+python之环境搭建的方法步骤
2021/02/01 Python
西班牙电子产品购物网站:Electronicamente
2018/07/26 全球购物
自荐书封面下载
2013/11/29 职场文书
走进敬老院活动总结
2014/07/10 职场文书
计算机应用应届生求职信
2014/07/12 职场文书
2015年体育教师个人工作总结
2015/05/12 职场文书
安全知识竞赛主持词
2015/06/30 职场文书
优秀班干部主要事迹材料
2015/11/04 职场文书
2016年班主任培训心得体会
2016/01/07 职场文书