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 相关文章推荐
爱恋千雪-US-AscII加密解密工具(网页加密)下载
Jun 06 Javascript
使用delegate方法为一个tr标签加一个链接
Jun 27 Javascript
用js判断是否为360浏览器的实现代码
Jan 15 Javascript
使用Sticky组件实现带sticky效果的tab导航和滚动导航的方法
Mar 22 Javascript
js输入框使用正则表达式校验输入内容的实例
Feb 12 Javascript
Vue.js基础学习之class与样式绑定
Mar 20 Javascript
使用vue-router与v-if实现tab切换遇到的问题及解决方法
Sep 07 Javascript
vue服务端渲染缓存应用详解
Sep 12 Javascript
vue的.vue文件是怎么run起来的(vue-loader)
Dec 10 Javascript
javascrit中undefined和null的区别详解
Apr 07 Javascript
vue实现在线预览pdf文件和下载(pdf.js)
Nov 26 Javascript
VUE项目axios请求头更改Content-Type操作
Jul 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下批量挂马和批量清马代码
2011/02/27 PHP
php全排列递归算法代码
2012/10/09 PHP
PHP环境搭建的详细步骤
2016/06/30 PHP
php基于SQLite实现的分页功能示例
2017/06/21 PHP
实现php删除链表中重复的结点
2018/09/27 PHP
Nigma vs Alliance BO5 第一场2.14
2021/03/10 DOTA
js直接编辑当前cookie的脚本
2008/09/14 Javascript
Javascript 面向对象特性
2009/12/28 Javascript
js展开闭合效果演示代码
2013/07/24 Javascript
js截取字符串功能的实现方法
2017/09/27 Javascript
vue-auto-focus: 控制自动聚焦行为的 vue 指令方法
2018/08/25 Javascript
JavaScript中0、空字符串、'0'是true还是false的知识点分享
2019/09/16 Javascript
微信小程序使用echarts获取数据并生成折线图
2019/10/16 Javascript
压缩Vue.js打包后的体积方法总结(Vue.js打包后体积过大问题)
2020/02/03 Javascript
Javascript实现简易天数计算器
2020/05/18 Javascript
[02:35]DOTA2超级联赛专访XB 难忘一年九冠称王
2013/06/20 DOTA
[50:01]Ti4 冒泡赛第二天 NEWBEE vs Titan
2014/07/15 DOTA
一波神奇的Python语句、函数与方法的使用技巧总结
2015/12/08 Python
Python实现二叉搜索树
2016/02/03 Python
windows系统中Python多版本与jupyter notebook使用虚拟环境的过程
2019/05/15 Python
音频处理 windows10下python三方库librosa安装教程
2020/06/20 Python
解决Python3.8运行tornado项目报NotImplementedError错误
2020/09/02 Python
联想台湾官网:Lenovo TW
2018/05/09 全球购物
HomeAway澳大利亚:预订你的度假屋,公寓、度假村、别墅等
2019/02/20 全球购物
倩碧澳大利亚官网:Clinique澳大利亚
2019/07/22 全球购物
新郎婚宴答谢词
2014/01/19 职场文书
经典婚礼主持词
2014/03/13 职场文书
爱心捐助倡议书
2014/05/19 职场文书
企业消防安全责任书
2014/07/23 职场文书
规范化管理年活动总结
2014/08/29 职场文书
初婚未育证明样本
2014/10/24 职场文书
清明节网上祭英烈寄语2015
2015/03/04 职场文书
2016幼儿园中班开学寄语
2015/12/03 职场文书
2016年优秀共产党员先进事迹材料
2016/02/29 职场文书
承诺书怎么写 ?
2019/04/16 职场文书
python基于tkinter实现gif录屏功能
2021/05/19 Python