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增删元素的代码
Feb 14 Javascript
JavaScript操作cookie类实例
Mar 31 Javascript
JS中Location使用详解
May 12 Javascript
JavaScript实现添加及删除事件的方法小结
Aug 04 Javascript
JQuery在循环中绑定事件的问题详解
Jun 02 Javascript
jQuery如何封装输入框插件
Aug 19 Javascript
jQuery窗口拖动功能的实现代码
Feb 04 Javascript
webpack处理 css\less\sass 样式的方法
Aug 21 Javascript
bootstrap Table服务端处理分页(后台是.net)
Oct 19 Javascript
使用Vue父子组件通信实现todolist的功能示例代码
Apr 11 Javascript
Vue的v-model的几种修饰符.lazy,.number和.trim的用法说明
Aug 05 Javascript
JavaScript如何实现防止重复的网络请求的示例
Jan 28 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将数据库中所有内容生成静态html文档的代码
2010/04/12 PHP
php注销代码(session注销)
2012/05/31 PHP
文件上传之SWFUpload插件(代码)
2015/07/30 PHP
PHP中Trait及其应用详解
2017/02/14 PHP
PHP unlink与rmdir删除目录及目录下所有文件实例代码
2018/02/07 PHP
Aster vs KG BO3 第三场2.18
2021/03/10 DOTA
使用jQuery+HttpHandler+xml模拟一个三级联动的例子
2011/08/09 Javascript
JS构建页面的DOM节点结构的实现代码
2011/12/09 Javascript
js关闭当前页面(窗口)的几种方式总结
2013/03/05 Javascript
JS下拉缓冲菜单示例代码
2013/08/30 Javascript
Jquery设置attr的disabled属性控制某行显示或者隐藏
2014/09/25 Javascript
深入理解requestAnimationFrame的动画循环
2016/09/20 Javascript
js实现滑动到页面底部自动加载更多功能
2017/02/15 Javascript
vue中component组件的props使用详解
2017/09/04 Javascript
JavaScript实现秒杀时钟倒计时
2019/09/29 Javascript
python处理文本文件实现生成指定格式文件的方法
2014/07/31 Python
Python向MySQL批量插数据的实例讲解
2018/03/31 Python
python生成1行四列全2矩阵的方法
2018/08/04 Python
python发送告警邮件脚本
2018/09/17 Python
Python实现一个数组除以一个数的例子
2019/07/20 Python
matplotlib命令与格式之tick坐标轴日期格式(设置日期主副刻度)
2019/08/06 Python
使用 CSS3 中@media 实现网页自适应的示例代码
2020/03/24 HTML / CSS
意大利在线购买隐形眼镜网站:VisionDirect.it
2019/03/18 全球购物
德国滑雪和户外用品网上商店:XSPO
2019/10/30 全球购物
俄罗斯连接商品和买家的在线平台:goods.ru
2020/11/30 全球购物
PHP笔试题
2012/02/22 面试题
几个MySql的面试题
2013/04/22 面试题
品质主管的岗位职责
2013/12/04 职场文书
《厄运打不垮的信念》教学反思
2014/04/13 职场文书
音乐学专业求职信
2014/07/22 职场文书
环境工程专业毕业生求职信
2014/09/30 职场文书
一年级小学生评语大全
2014/12/25 职场文书
美术教师个人工作总结
2015/02/06 职场文书
关于社会实践的心得体会(2016最新版)
2016/01/25 职场文书
python - timeit 时间模块
2021/04/06 Python
python如何进行基准测试
2021/04/26 Python