JS遍历不规则多维数组方法总结

这次给大家带来JS遍历不规则多维数组方法总结,JS遍历不规则多维数组的注意事项有哪些,下面就是实战案例,一起来看一下。

直接进入正文:

我们有时候处理数据,可能会遇到一些不规则(无法预料的数据结构),那么拿到这种数据我们如何进行遍历操作呢?举个例子:

var data= {    a: { one: 1, two: 2, three: {four:'2',five:'4'} },    b: { six: 4, seven: 5, eight: 6 },    c: { nine: 7, ten: 8}}

登录后复制

比如上边的数据(实际情况是这个数据会有各种不可预料的变化),如果想遍历这种数据,用单纯的for in就无法遍历了。

其实这种数据遍历也简单,使用递归的方法,就可以完美的解决这个问题

代码如下:

function traverse(obj) {    for (var a in obj) {      if (typeof(obj[a]) == "object") {        traverse(obj[a]); //递归遍历      } else {        console.log(a + "=" + obj[a]); //如果是值就显示      }    }}traverse(data)

登录后复制

最后我们只要调用这个方法,把obj传入,就成功的遍历了整个data

本例运行结果如下:

JS遍历不规则多维数组方法总结

相信看了本文案例你已经掌握了方法,更多精彩请关注【创想鸟】其它相关文章!

推荐阅读:

jquery里filter()方法使用详解

Vue.js里computed使用案例详解

以上就是JS遍历不规则多维数组方法总结的详细内容,更多请关注【创想鸟】其它相关文章!

版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容, 请发送邮件至253000106@qq.com举报,一经查实,本站将立刻删除。

发布者:PHP中文网,转转请注明出处:https://www.chuangxiangniao.com/p/2763229.html

(0)
上一篇 2025年3月8日 10:08:21
下一篇 2025年3月8日 10:08:28

AD推荐 黄金广告位招租... 更多推荐

相关推荐

  • 去除vue中代码规范检测方法总结

    这次给大家带来去除vue中代码规范检测方法总结,去除vue中代码规范检测的注意事项有哪些,下面就是实战案例,一起来看一下。 我们在使用vue 脚手架时,为了规范团队的代码格式,会有一个代码规范检测,如果不符合规范就会报错,有时候我们不想按照…

    编程技术 2025年3月8日
    200
  • JS+PHP往类动态添加方法

    这次给大家带来JS+PHP往类动态添加方法,JS+PHP往类动态添加方法的注意事项有哪些,下面就是实战案例,一起来看一下。 1.JAVASCRIPT: a. 代码: var a = function(){}var my_a = new a(…

    编程技术 2025年3月8日
    200
  • 用p5.js制作烟花特效的示例代码_javascript技巧

    本篇文章主要介绍了用p5.js制作烟花特效的示例代码,小编觉得挺不错的,现在分享给大家,也给大家做个参考。一起跟随小编过来看看吧 前言 之前看过一篇文章,使用processing制作烟花特效。效果如下 fireworks 网上调查了一圈了,…

    2025年3月8日
    200
  • ng-repeat渲染完成如何用AngularJS监听

    这次给大家带来ng-repeat渲染完成如何用AngularJS监听,AngularJS监听ng-repeat渲染完成的注意事项有哪些,下面就是实战案例,一起来看一下。 某个项目,我的网页中有一个列表 元素,样式如下: 实际上它是通过Ang…

    2025年3月8日
    200
  • vue处理storejs获取的数据

    这次给大家带来vue处理storejs获取的数据,vue处理storejs获取数据的注意事项有哪些,下面就是实战案例,一起来看一下。 具体代码如下所示: export default { data(){ return { shopList:…

    编程技术 2025年3月8日
    200
  • 给nodejs里密码加密有哪几种方式

    这次给大家带来给nodejs里密码加密有哪几种方式,给nodejs里密码加密的注意事项有哪些,下面就是实战案例,一起来看一下。 一、关于node加密模块crypto的介绍 其实就是使用MD5加密的,不太安全,在实际开发中根据自己的方案进行加…

    编程技术 2025年3月8日
    200
  • nodejs连接mysql数据库步骤详解

    这次给大家带来nodejs连接mysql数据库步骤详解,nodejs连接mysql数据库的mysql数据库有哪些,下面就是实战案例,一起来看一下。 一、几个常用的全局变量 1、filename获取当前文件的路径2、dirname获取当前文件…

    编程技术 2025年3月8日
    200
  • 在vue项目中使用sass的配置方法_vue.js

    这次给大家带来vue使用sass配置步骤详解,vue使用sass配置的注意事项有哪些,下面就是实战案例,一起来看一下。   1、创建一个基于 webpack 模板的新项目 $ vue init webpack myvue 登录后复制 2、在…

    2025年3月8日
    200
  • 动态操作js/css文件有哪些方法

    这次给大家带来动态操作js/css文件有哪些方法,动态操作js/css文件的注意事项有哪些,下面就是实战案例,一起来看一下。 //动态加载一个js/css文件function loadjscssfile(filename, filetype…

    编程技术 2025年3月8日
    200
  • Javascript基本使用方式

    这些是我所整理的javascript中最基本的使用规则和方法,通过这些知识的学习,可以对javascript有个最基本的认识和了解。 一、如何使用JS代码:       使用标签在HTML网页中,JavaScript代码。注意,标签要成对出…

    编程技术 2025年3月8日
    200

发表回复

登录后才能评论