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 相关文章推荐
5款Javascript颜色选择器
Oct 25 Javascript
用js来解决ajax读取页面乱码
Nov 28 Javascript
node.js中RPC(远程过程调用)的实现原理介绍
Dec 05 Javascript
JavaScript模拟实现键盘打字效果
Jun 29 Javascript
jQuery实现hover合成事件的方法
Aug 06 Javascript
jquery实现先淡出再折叠收起的动画效果
Aug 07 Javascript
浅析javascript函数表达式
Feb 10 Javascript
jQuery AJAX timeout 超时问题详解
Jun 21 Javascript
ajax请求data遇到的问题分析
Jan 18 Javascript
vue使用微信JS-SDK实现分享功能
Aug 23 Javascript
layui.tree组件的使用以及搜索节点功能的实现
Sep 26 Javascript
解决Vue动态加载本地图片问题
Oct 09 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在DOS命令行下却无法链接MySQL的技术笔记
2010/12/29 PHP
PHP连接SQLServer2005的方法
2015/01/27 PHP
PHP入门教程之数组用法汇总(创建,删除,遍历,排序等)
2016/09/11 PHP
php设计模式之中介者模式分析【星际争霸游戏案例】
2020/03/23 PHP
JS编程小常识很有用
2012/11/26 Javascript
jquery动态加载js三种方法实例
2013/08/03 Javascript
Javascript中3种实现继承的方法和代码实例
2014/08/12 Javascript
jQuery满屏焦点图左右滚动特效代码分享
2015/09/07 Javascript
使用Object.defineProperty实现简单的js双向绑定
2016/04/15 Javascript
javascirpt实现2个iframe之间传值的方法
2016/06/30 Javascript
NodeJS与HTML5相结合实现拖拽多个文件上传到服务器的实现方法
2016/07/26 NodeJs
Canvas + JavaScript 制作图片粒子效果
2017/02/08 Javascript
js 客户端打印html 并且去掉页眉、页脚的实例
2017/11/03 Javascript
vue下history模式刷新后404错误解决方法
2018/08/18 Javascript
详解Eslint 配置及规则说明
2018/09/10 Javascript
基于jquery实现九宫格拼图小游戏
2018/11/30 jQuery
jQuery高级编程之js对象、json与ajax用法实例分析
2019/11/01 jQuery
详解vue之自行实现派发与广播(dispatch与broadcast)
2021/01/19 Vue.js
Python pymongo模块常用操作分析
2018/09/01 Python
python实现DEM数据的阴影生成的方法
2019/07/23 Python
微信小程序python用户认证的实现
2019/07/29 Python
CSS3的一个简单导航栏实现
2015/08/03 HTML / CSS
利用HTML5画出一个坦克的形状具体实现代码
2013/06/20 HTML / CSS
Sneaker Studio匈牙利:购买运动鞋
2018/03/26 全球购物
《赠汪伦》教学反思
2014/04/12 职场文书
赡养老人协议书
2014/04/21 职场文书
会计系毕业求职信
2014/08/07 职场文书
夫妻分居协议书范本
2014/11/28 职场文书
防暑降温通知书
2015/04/27 职场文书
毕业证明书
2015/06/19 职场文书
2015大学迎新晚会主持词
2015/07/16 职场文书
乡镇干部学习心得体会
2016/01/23 职场文书
三好学生评选事迹材料(2016精选版)
2016/02/25 职场文书
导游词之云南-元阳梯田
2019/10/08 职场文书
python 用递归实现通用爬虫解析器
2021/04/16 Python
Pyqt5将多个类组合在一个界面显示的完整示例
2021/09/04 Python