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起点(严格模式深度了解)
Jan 28 Javascript
向当前style sheet中插入一个新的style实现方法
Apr 01 Javascript
node.js中格式化数字增加千位符的几种方法
Jul 03 Javascript
jQuery EasyUI之DataGrid使用实例详解
Jan 04 Javascript
自动完成的搜索框javascript实现
Feb 26 Javascript
纯JS打造网页中checkbox和radio的美化效果
Oct 13 Javascript
EasyUI中的dataGrid的行内编辑
Jun 22 Javascript
JS实现unicode和UTF-8之间的互相转换互转
Jul 05 Javascript
javascript中的replace函数(带注释demo)
Jan 07 Javascript
JS实现时间校验的代码
May 25 Javascript
微信小程序实现带放大效果的轮播图
May 26 Javascript
解决vue使用vant下拉框van-dropdown-item 绑定title值不变问题
Aug 05 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
php通过字符串调用函数示例
2014/03/02 PHP
PHP基于openssl实现的非对称加密操作示例
2019/01/11 PHP
如何通过Apache在本地配置多个虚拟主机
2020/07/29 PHP
用客户端js实现带省略号的分页
2013/04/27 Javascript
JavaScript获取当前页面上的指定对象示例代码
2014/02/28 Javascript
js中数组排序sort方法的原理分析
2014/11/20 Javascript
JavaScript让网页出现渐隐渐显背景颜色的方法
2015/04/21 Javascript
详解XMLHttpRequest(一)同步请求和异步请求
2016/09/14 Javascript
浅析Ajax语法
2016/12/05 Javascript
浅谈jQuery操作类数组的工具方法
2016/12/23 Javascript
解决ie img标签内存泄漏的问题
2017/10/13 Javascript
javascript实现Emrips反质数枚举的示例代码
2017/12/06 Javascript
vue实现购物车抛物线小球动画效果的方法详解
2019/02/13 Javascript
微信小程序实现获取准确的腾讯定位地址功能示例
2019/03/27 Javascript
Node.js中Koa2在控制台输出请求日志的方法示例
2019/05/02 Javascript
编写更好的JavaScript条件式和匹配条件的技巧(小结)
2019/06/27 Javascript
js消除图片小游戏代码
2019/12/11 Javascript
python使用心得之获得github代码库列表
2014/06/25 Python
python 循环遍历字典元素的简单方法
2016/09/11 Python
python  创建一个保留重复值的列表的补码
2018/10/15 Python
python 把列表转化为字符串的方法
2018/10/23 Python
使用Keras训练好的.h5模型来测试一个实例
2020/07/06 Python
python按照list中字典的某key去重的示例代码
2020/10/13 Python
CSS3伪类选择器:nth-child()
2009/04/02 HTML / CSS
美国药妆网站:EDCskincare.com(防晒、痤疮、抗衰老等)
2017/04/28 全球购物
GWT的应用有哪两种部署模式
2012/12/21 面试题
应届生新闻编辑求职信
2013/11/19 职场文书
三年大学生活自我鉴定
2014/01/21 职场文书
党支部公开承诺书
2014/03/28 职场文书
乡镇组织委员个人整改措施
2014/09/16 职场文书
财务助理岗位职责范本
2014/10/09 职场文书
工作表现证明
2015/06/15 职场文书
基于CSS3画一个iPhone
2021/04/21 HTML / CSS
golang DNS服务器的简单实现操作
2021/04/30 Golang
国产动画《万圣街》日语配音版制作决定!
2022/03/20 国漫
5个实用的JavaScript新特性
2022/06/16 Javascript