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的高性能td和input切换并可修改内容实现代码
Jan 09 Javascript
JavaScript之Object类型介绍
Apr 01 Javascript
简述JavaScript的正则表达式中test()方法的使用
Jun 16 Javascript
javascript实现将文件保存到本地方法汇总
Jul 26 Javascript
在JavaScript中对HTML进行反转义详解
May 18 Javascript
去除html代码里面的script正则方法
May 19 Javascript
Jquery Easyui日历组件Calender使用详解(23)
Dec 18 Javascript
canvas快速绘制圆形、三角形、矩形、多边形方法介绍
Dec 29 Javascript
微信小程序 支付功能实现PHP实例详解
May 12 Javascript
使用JQuery实现图片轮播效果的实例(推荐)
Oct 24 jQuery
jquery向后台提交数组的代码分析
Feb 20 jQuery
vscode调试node.js的实现方法
Mar 22 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
使用sockets:从新闻组中获取文章(一)
2006/10/09 PHP
PHP中文汉字验证码
2007/04/08 PHP
PHP中的integer类型使用分析
2010/07/27 PHP
php实现俄罗斯乘法实例
2015/03/07 PHP
thinkPHP实现签到功能的方法
2017/03/15 PHP
PHP PDOStatement::fetchAll讲解
2019/01/31 PHP
De facto standard 世界上不可思议的事实标准
2010/08/29 Javascript
jquery鼠标放上去显示悬浮层即弹出定位的div层
2014/04/25 Javascript
javascript闭包入门示例
2014/04/30 Javascript
js实现可旋转的立方体模型
2016/10/16 Javascript
详解vue.js的devtools安装
2017/05/26 Javascript
Nodejs实现多文件夹文件同步
2018/10/17 NodeJs
vue实现歌手列表字母排序下拉滚动条侧栏排序实时更新
2019/05/14 Javascript
Python下的twisted框架入门指引
2015/04/15 Python
python编程实现随机生成多个椭圆实例代码
2018/01/03 Python
python3实现随机数
2018/06/25 Python
12个Python程序员面试必备问题与答案(小结)
2019/06/24 Python
pandas读取CSV文件时查看修改各列的数据类型格式
2019/07/07 Python
postman模拟访问具有Session的post请求方法
2019/07/15 Python
pytorch 实现将自己的图片数据处理成可以训练的图片类型
2020/01/08 Python
Python读取文件内容为字符串的方法(多种方法详解)
2020/03/04 Python
python百行代码自制电脑端网速悬浮窗的实现
2020/05/12 Python
python学习之使用Matplotlib画实时的动态折线图的示例代码
2021/02/25 Python
加拿大鞋网:Globo Shoes
2019/12/26 全球购物
土地转让协议书
2014/09/27 职场文书
2014年安置帮教工作总结
2014/12/11 职场文书
2014年干部培训工作总结
2014/12/17 职场文书
升学宴学生答谢词
2015/01/05 职场文书
酒会邀请函
2015/01/31 职场文书
肖申克的救赎观后感
2015/06/02 职场文书
生日赠语
2015/06/23 职场文书
web前端之css水平居中代码解析
2021/05/20 HTML / CSS
面试提问mysql一张表到底能存多少数据
2022/03/13 MySQL
mysql 生成连续日期及变量赋值
2022/03/20 MySQL
Python中Schedule模块使用详解 周期任务神器
2022/04/19 Python
MYSQL事务的隔离级别与MVCC
2022/05/25 MySQL