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+ajax实现顶一下,踩一下效果
Jul 17 Javascript
Javascript查询DBpedia小应用实例学习
Mar 07 Javascript
拥有一个属于自己的javascript表单验证插件
Mar 24 Javascript
JS+CSS实现鼠标经过弹出一个DIV框完整实例(带缓冲动画渐变效果)
Mar 25 Javascript
request请求获取参数的实现方法(post和get两种方式)
Sep 27 Javascript
微信小程序 MINA文件结构
Oct 17 Javascript
node.js用fs.rename强制重命名或移动文件夹的方法
Dec 27 Javascript
Vue项目pdf(base64)转图片遇到的问题及解决方法
Oct 19 Javascript
微信小程序里引入SVG矢量图标的方法
Sep 20 Javascript
微信小程序录音实现功能并上传(使用node解析接收)
Feb 26 Javascript
vue 子组件和父组件传值的示例
Sep 11 Javascript
一文彻底理解js原生语法prototype,__proto__和constructor
Oct 24 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的autoLoad自动加载机制
2012/09/27 PHP
解析php dirname()与__FILE__常量的应用
2013/06/24 PHP
JQuery插件Style定制化方法的分析与比较
2012/05/03 Javascript
jquery实现当滑动到一定位置时固定效果
2014/06/17 Javascript
jQuery实现高亮显示网页关键词的方法
2015/08/07 Javascript
javascript Promise简单学习使用方法小结
2016/05/17 Javascript
AngularJS入门教程之ng-class 指令用法
2016/08/01 Javascript
基于slideout.js实现移动端侧边栏滑动特效
2016/11/28 Javascript
javascript实现鼠标点击页面 移动DIV
2016/12/02 Javascript
浅析JS中的 map, filter, some, every, forEach, for in, for of 用法总结
2017/03/29 Javascript
Ionic2开发环境搭建教程
2020/08/20 Javascript
浅谈Emergence.js 检测元素可见性的 js 插件
2017/11/18 Javascript
nodejs中Express与Koa2对比分析
2018/02/06 NodeJs
浅谈js闭包理解
2019/04/01 Javascript
vue实现一个获取按键展示快捷键效果的Input组件
2021/01/13 Vue.js
[03:06]2018年度CS GO最具人气解说-完美盛典
2018/12/16 DOTA
Python编程实现的图片识别功能示例
2017/08/03 Python
python 垃圾收集机制的实例详解
2017/08/20 Python
Python获取CPU、内存使用率以及网络使用状态代码
2018/02/08 Python
Python Django 命名空间模式的实现
2019/08/09 Python
Python3标准库之functools管理函数的工具详解
2020/02/27 Python
基于Python脚本实现邮件报警功能
2020/05/20 Python
2020版Python学习路线图(附学习资料)
2020/09/15 Python
Melissa鞋英国官方网站:Nonnon
2019/05/01 全球购物
如果重写了对象的equals()方法,需要考虑什么
2014/11/02 面试题
环境科学毕业生自荐信
2013/11/21 职场文书
招聘专员岗位职责
2014/03/07 职场文书
平安家庭示范户事迹
2014/06/02 职场文书
2014年保洁工作总结
2014/11/24 职场文书
护士个人年度总结范文
2015/02/13 职场文书
教师节寄语2015
2015/03/23 职场文书
私人贷款担保书该怎么写呢?
2019/07/02 职场文书
如何用python清洗文件中的数据
2021/06/18 Python
使用logback实现按自己的需求打印日志到自定义的文件里
2021/08/30 Java/Android
Python字符串格式化方式
2022/04/07 Python
python多次执行绘制条形图
2022/04/20 Python