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 获取自定义属性(attr和prop)的实现代码
Jun 27 Javascript
js获取RadioButtonList的Value/Text及选中值等信息实现代码
Mar 05 Javascript
JavaScript中instanceof与typeof运算符的用法及区别详细解析
Nov 19 Javascript
JS解析XML文件和XML字符串详解
Apr 17 Javascript
JS实现同一个网页布局滑动门和TAB选项卡实例
Sep 23 Javascript
jQuery实现的鼠标经过时变宽的效果(附demo源码)
Apr 28 Javascript
jQuery实现的瀑布流加载效果示例
Sep 13 Javascript
彻底学会Angular.js中的transclusion
Mar 12 Javascript
JS动画定时器知识总结
Mar 23 Javascript
Vue表单输入绑定的示例代码
Nov 01 Javascript
记录一次完整的react hooks实践
Mar 11 Javascript
如何实现js拖拽效果及原理解析
May 08 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使用缓存即时输出内容(output buffering)的方法
2015/08/03 PHP
Yii2框架dropDownList下拉菜单用法实例分析
2016/07/18 PHP
php实现商城购物车的思路和源码分析
2020/07/23 PHP
使用js实现雪花飘落效果
2013/08/26 Javascript
js中的preventDefault与stopPropagation详解
2014/01/29 Javascript
我的Node.js学习之路(三)--node.js作用、回调、同步和异步代码 以及事件循环
2014/07/06 Javascript
JavaScript操作 url 中 search 部分方法函数
2016/06/15 Javascript
JS获取html元素的标记名实现方法
2016/10/08 Javascript
jQuery学习笔记——jqGrid的使用记录(实现分页、搜索功能)
2016/11/09 Javascript
基于Marquee.js插件实现的跑马灯效果示例
2017/01/25 Javascript
JavaScript实现网页头部进度条刷新
2017/04/16 Javascript
Express使用html模板的详细代码
2017/09/18 Javascript
JS基于封装函数实现的表格分页完整示例
2018/06/26 Javascript
移动端滑动切换组件封装 vue-swiper-router实例详解
2018/11/25 Javascript
JS计算两个数组的交集、差集、并集、补集(多种实现方式)
2019/05/21 Javascript
[00:58]PWL开团时刻DAY5——十人开雾0换5
2020/11/04 DOTA
利用python批量给云主机配置安全组的方法教程
2017/06/21 Python
Python二叉树的遍历操作示例【前序遍历,中序遍历,后序遍历,层序遍历】
2018/12/24 Python
matplotlib命令与格式之tick坐标轴日期格式(设置日期主副刻度)
2019/08/06 Python
wxPython实现文本框基础组件
2019/11/18 Python
django框架ModelForm组件用法详解
2019/12/11 Python
Python tkinter实现简单加法计算器代码实例
2020/05/13 Python
CSS3制作翻转效果_动力节点Java学院整理
2017/07/11 HTML / CSS
竞争上岗演讲稿
2014/01/05 职场文书
爱岗敬业演讲稿范文
2014/01/14 职场文书
硕士研究生求职自荐信范文
2014/03/11 职场文书
广播体操口号
2014/06/18 职场文书
地球一小时宣传标语
2014/06/24 职场文书
台风停课通知
2015/04/24 职场文书
2015年教导处教学工作总结
2015/07/22 职场文书
2016教师学习教育法心得体会
2016/01/19 职场文书
制定企业培训计划的五大要点!
2019/07/10 职场文书
52条SQL语句教你性能优化
2021/05/25 MySQL
解决mysql:ERROR 1045 (28000): Access denied for user 'root'@'localhost' (using password: NO/YES)
2021/06/26 MySQL
PyMongo 查询数据的实现
2021/06/28 Python
Python自动化工具之实现Excel转Markdown表格
2022/04/08 Python