JS遍历数组和对象的区别及递归遍历对象、数组、属性的方法详解


Posted in Javascript onJune 14, 2016

废话不多说了,直奔主题,你,具体代码如下所示:

<script>
 //----------------for用来遍历数组对象--
 var i,myArr = [1,2,3];
 for (var i = 0; i < myArr.length; i++) {
  console.log(i+":"+myArr[i]);
 };
 //---------for-in 用来遍历非数组对象
 var man ={hands:2,legs:2,heads:1};
 //为所有的对象添加clone方法,即给内置原型(object,Array,function)增加原型属性,该方法很强大,也很危险
 if(typeof Object.prototype.clone ==="undefined"){
  Object.prototype.clone = function(){}; 
 }
 //
 for(var i in man){
  if (man.hasOwnProperty(i)) { //filter,只输出man的私有属性
   console.log(i,":",man[i]);
  };
 }
 //输出结果为print hands:2,legs:2,heads:1
 for(var i in man) {//不使用过滤
  console.log(i,":",man[i]);
 } 
 //输出结果为
 //hands : 2 index.html:20
 //legs : 2 index.html:20
 //heads : 1 index.html:20
 //clone : function (){} 
 for(var i in man) {
  if(Object.prototype.hasOwnProperty.call(man,i)) { //过滤
   console.log(i,":",man[i]);
  }
 } //输出结果为print hands:2,legs:2,heads:1 </script>

接下来给大家介绍js 递归遍历对象、数组、属性

在前端工作时,有时我们需要遍历一些未知类型的对象。代码如下:

//js遍历对象
function TraversalObject(obj)
{
    for (var a in obj) {
        if (typeof (obj[a]) == "object") {
            TraversalObject(obj[a]); //递归遍历
        }
        else {
            alert(a + "=" + obj[a]);//值就显示
        }
    }
}

//遍历对象中所有Ur的值
function TraversalObject(obj)
{
    for (var a in obj) {

        if(a=="Url")    alert(obj[a]);/ /显示URL的值
        if (typeof (obj[a]) == "object") {
            TraversalObject(obj[a]); //递归遍历
        }
    }
}

这种遍历方法在对象不规则但需要获取相同属性时起到非常好的作用。

Javascript 相关文章推荐
基于jquery的inputlimiter 实现字数限制功能
May 30 Javascript
解析dom中的children对象数组元素firstChild,lastChild的使用
Jul 10 Javascript
JQuery中$.ajax()方法参数详解及应用
Dec 12 Javascript
javascript单例模式的简单实现方法
Jul 25 Javascript
javascript实现倒计时跳转页面
Jan 17 Javascript
浅析js绑定事件的常用方法
May 15 Javascript
AngularJS 文件上传控件 ng-file-upload详解
Jan 13 Javascript
AngularJS使用ng-class动态增减class样式的方法示例
May 18 Javascript
微信小程序canvas实现刮刮乐效果
Jul 09 Javascript
Vuex中的State使用介绍
Jan 19 Javascript
浅谈在vue-cli3项目中解决动态引入图片img404的问题
Aug 04 Javascript
vue print.js打印支持Echarts图表操作
Nov 13 Javascript
JS递归遍历对象获得Value值方法技巧
Jun 14 #Javascript
全面解析JavaScript中的valueOf与toString方法(推荐)
Jun 14 #Javascript
JavaScript函数中关于valueOf和toString的理解
Jun 14 #Javascript
Jquery基础之事件操作详解
Jun 14 #Javascript
好好了解一下Cookie(强烈推荐)
Jun 14 #Javascript
巧方法 JavaScript获取超链接的绝对URL地址
Jun 14 #Javascript
使用js获取地址栏参数的方法推荐(超级简单)
Jun 14 #Javascript
You might like
PHP多维数组转一维数组的简单实现方法
2015/12/23 PHP
PHP实现原生态图片上传封装类方法
2016/11/08 PHP
PHP文件系统管理(实例讲解)
2017/09/19 PHP
JS控制表格隔行变色
2006/06/26 Javascript
jQuery 各种浏览器下获得日期区别
2008/12/22 Javascript
jQuery实现表格展开与折叠的方法
2015/05/04 Javascript
asp.net中oracle 存储过程(图文)
2015/08/12 Javascript
javascript 使用for循环时该注意的问题-附问题总结
2015/08/19 Javascript
BootStrap中jQuery插件Carousel实现轮播广告效果
2017/03/27 jQuery
JS 调试中常见的报错问题解决方法
2017/05/20 Javascript
Vue Spa切换页面时更改标题的实例代码
2017/07/15 Javascript
基于vue实现分页效果
2017/11/06 Javascript
Angular中使用ng-zorro图标库部分图标不能正常显示问题
2019/04/22 Javascript
Vue实现渲染数据后控制滚动条位置(推荐)
2019/12/09 Javascript
vuex入门最详细整理
2020/03/04 Javascript
[33:23]Secret vs Serenity 2018国际邀请赛小组赛BO2 第二场 8.16
2018/08/17 DOTA
Django的URLconf中使用缺省视图参数的方法
2015/07/18 Python
python re.sub()替换正则的匹配内容方法
2019/07/22 Python
基于python3实现倒叙字符串
2020/02/18 Python
vue常用指令代码实例总结
2020/03/16 Python
Python运行提示缺少模块问题解决方案
2020/04/02 Python
torchxrayvision包安装过程(附pytorch1.6cpu版安装)
2020/08/26 Python
浅谈基于HTML5的在线视频播放方案
2016/02/18 HTML / CSS
详解HTML5 Canvas绘制时指定颜色与透明度的方法
2016/03/25 HTML / CSS
英国最大的在线奢侈手表零售商:Jura Watches
2018/01/29 全球购物
学生会离职感言
2014/02/11 职场文书
企业公益活动策划方案
2014/08/24 职场文书
中学生秋季运动会广播稿
2014/09/21 职场文书
乡镇党员干部四风对照检查材料思想汇报
2014/09/27 职场文书
捐款感谢信
2015/01/20 职场文书
六五普法学习心得体会
2016/01/21 职场文书
2016年第二十届“母亲节暨幸福工程救助贫困母亲活动日”活动总结
2016/04/06 职场文书
使用numpy nonzero 找出非0元素
2021/05/14 Python
jackson json序列化实现首字母大写,第二个字母需小写
2021/06/29 Java/Android
Mysql8.0递归查询的简单用法示例
2021/08/04 MySQL
动作冒险《Hell Is Us》将采用虚幻5 消灭怪物探索王国
2022/04/13 其他游戏