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的写法不同导致的兼容性问题的解决方法
Jul 29 Javascript
node.js中的path.join方法使用说明
Dec 08 Javascript
JS函数this的用法实例分析
Feb 05 Javascript
sso跨域写cookie的一段js脚本(推荐)
May 25 Javascript
微信小程序加载更多 点击查看更多
Nov 29 Javascript
jquery实现文本框的禁用和启用
Dec 07 Javascript
vue项目中应用ueditor自定义上传按钮功能
Apr 27 Javascript
jQuery Migrate 插件用法实例详解
May 22 jQuery
解决vue做详情页跳转的时候使用created方法 数据不会更新问题
Jul 24 Javascript
v-slot和slot、slot-scope之间相互替换实例
Sep 04 Javascript
JavaScript架构搭建前端监控如何采集异常数据
Jun 25 Javascript
element tree树形组件回显数据问题解决
Aug 14 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
微信扫描二维码登录网站代码示例
2013/12/30 PHP
php实现的短网址算法分享
2014/06/20 PHP
分享一个php 的异常处理程序
2014/06/22 PHP
php短网址和数字之间相互转换的方法
2015/03/13 PHP
PHP中的session安全吗?
2016/01/22 PHP
PHP中检索字符串的方法分析【strstr与substr_count方法】
2017/02/17 PHP
php写一个函数,实现扫描并打印出自定目录下(含子目录)所有jpg文件名
2017/05/26 PHP
php-msf源码详解
2017/12/25 PHP
php微信开发之谷歌测距
2018/06/14 PHP
javascript与webservice的通信实现代码
2010/12/25 Javascript
javascript如何判断输入的url是否正确
2014/04/11 Javascript
jQuery搜索同辈元素方法
2015/02/10 Javascript
深入理解JavaScript系列(35):设计模式之迭代器模式详解
2015/03/03 Javascript
jQuery获取标签文本内容和html内容的方法
2015/03/27 Javascript
javascript无刷新评论实现方法
2015/05/13 Javascript
jQuery购物车插件jsorder用法(支持后台处理程序直接转换成DataTable处理)
2016/06/08 Javascript
js canvas实现擦除效果示例代码
2017/04/26 Javascript
vue项目部署上线遇到的问题及解决方法
2018/06/10 Javascript
浅谈super-vuex使用体验
2018/06/25 Javascript
JavaScript作用域、闭包、对象与原型链概念及用法实例总结
2018/08/20 Javascript
JS获取表格视图所选行号的ids过程解析
2020/02/21 Javascript
解决vue 使用setTimeout,离开当前路由setTimeout未销毁的问题
2020/07/21 Javascript
Python格式化压缩后的JS文件的方法
2015/03/05 Python
python通过pil将图片转换成黑白效果的方法
2015/03/16 Python
Python使用Flask框架获取当前查询参数的方法
2015/03/21 Python
Django+JS 实现点击头像即可更改头像的方法示例
2018/12/26 Python
Django中ORM外键和表的关系详解
2019/05/20 Python
Django crontab定时任务模块操作方法解析
2020/09/10 Python
Lookfantastic希腊官网:英国知名美妆购物网站
2018/09/15 全球购物
倡议书格式
2014/08/30 职场文书
平面设计师岗位职责
2014/09/18 职场文书
党员民主评议个人总结
2014/10/20 职场文书
《玩出了名堂》教学反思
2016/02/17 职场文书
vue3中的组件间通信
2021/03/31 Vue.js
nginx请求限制配置方法
2021/07/09 Servers
MySQL GTID复制的具体使用
2022/05/20 MySQL