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 在各个浏览器中执行的耐性
Apr 06 Javascript
js计算页面刷新的次数
Jul 20 Javascript
jQuery中 noConflict() 方法使用
Apr 25 Javascript
js中符号转意问题示例探讨
Aug 19 Javascript
jQuery实现摸拟alert提示框
May 22 Javascript
微信小程序访问node.js接口服务器搭建教程
Apr 25 Javascript
解决VUEX刷新的时候出现数据消失
Jul 03 Javascript
javacript replace 正则取字符串中的值并替换【推荐】
Sep 13 Javascript
Vue动态修改网页标题的方法及遇到问题
Jun 09 Javascript
微信小程序webview与h5通过postMessage实现实时通讯的实现
Aug 20 Javascript
一篇文章带你使用Typescript封装一个Vue组件(简单易懂)
Jun 05 Javascript
javascript实现滚轮轮播图片
Dec 13 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抓即时股票信息
2006/10/09 PHP
《PHP边学边教》(02.Apache+PHP环境配置――上篇)
2006/12/13 PHP
PHP正确解析UTF-8字符串技巧应用
2012/11/07 PHP
php中出现空白页的原因及解决方法汇总
2014/07/08 PHP
php判断对象是派生自哪个类的方法
2015/06/20 PHP
自制PHP框架之模型与数据库
2017/05/07 PHP
JavaScript下申明对象的几种方法小结
2008/10/02 Javascript
在IE上直接编辑网页内容的js代码(IE地址栏js)
2009/04/27 Javascript
JavaScript 10件让人费解的事情
2010/02/15 Javascript
jQuery UI Datepicker length为空或不是对象错误的解决方法
2010/12/19 Javascript
js 为label标签和div标签赋值的方法
2013/08/08 Javascript
Javascript基础知识(三)BOM,DOM总结
2014/09/29 Javascript
jQuery实现视频作为全屏幕背景
2014/12/18 Javascript
JS基于MSClass和setInterval实现ajax定时采集信息并滚动显示的方法
2016/04/18 Javascript
jquery制做精致的倒计时特效
2016/06/13 Javascript
jQuery实现iframe父窗体和子窗体的相互调用
2016/06/17 Javascript
Three.js基础部分学习
2017/01/08 Javascript
Nodejs进阶:express+session实现简易登录身份认证
2017/04/24 NodeJs
详解Angular的8个主要构造块
2017/06/20 Javascript
轻量级JS Cookie插件js-cookie的使用方法
2018/03/22 Javascript
javascript验证form表单数据的案例详解
2019/03/25 Javascript
利用Vue实现一个markdown编辑器实例代码
2019/05/19 Javascript
vue组件中实现嵌套子组件案例
2020/08/31 Javascript
Vue+Element-U实现分页显示效果
2020/11/15 Javascript
[40:01]OG vs Winstrike 2018国际邀请赛小组赛BO2 第一场 8.19
2018/08/21 DOTA
python进程和线程用法知识点总结
2019/05/28 Python
python脚本实现音频m4a格式转成MP3格式的实例代码
2019/10/09 Python
Python tkinter实现图片标注功能(完整代码)
2019/12/08 Python
使用python实现数组、链表、队列、栈的方法
2019/12/20 Python
浅谈pandas dataframe对除数是零的处理
2020/07/20 Python
html5使用Drag事件编辑器拖拽上传图片的示例代码
2017/08/22 HTML / CSS
Oracle快照(snapshot)
2015/03/13 面试题
化学教育专业自荐信
2014/07/04 职场文书
学生会干部自我鉴定2014
2014/09/18 职场文书
员工考勤管理制度
2015/08/06 职场文书
MySQL中rank() over、dense_rank() over、row_number() over用法介绍
2022/03/23 MySQL