javascript中的for循环遍历
博客专区 > tiger_yu 的博客 > 博客详情
javascript中的for循环遍历
tiger_yu 发表于1年前
javascript中的for循环遍历
  • 发表于 1年前
  • 阅读 6
  • 收藏 0
  • 点赞 0
  • 评论 0

【腾讯云】新注册用户域名抢购1元起>>>   

JavaScript作为一门解释执行的编程语言,当然少不了简单方便的for循环,与C语言和Java不同的是,JavaScript的for循环没有块级作用域,也就意味着循环结构体里面的变量可以在循环外面用,当for循环语句在全局对象中使用时,这样就造成了全局污染的困扰,因此非必要情况下,尽量在函数内部使用for语句,下面来谈谈javascript中有哪些for循环遍历。

1.索引数组的遍历 1.1---普通遍历: 下标都是数字序号的数组,默认连续不重复,可以通过累加的方式依次遍历 for(var i=0;i<arr.length;i++){ arr[i]; } 1.2---ES5增强遍历方法 1.2.1---for of ES5提供了简便的遍历数组的方法,此方法只能遍历元素,不能修改数组;且此方法不支持 关联数组 for(var value of arr){ value; } 1.2.2---every() & some() every():遍历数组中的每一个元素,判断数组中的元素是否都符合要求 some():遍历数组中的每一个元素,判断数组中的元素是否有符合要求的 两者的都有返回值,为boolean类型,调用方式如下: var bool=arr.every(function(val,i,arr){ //val, 当前元素值 //i, 当前位置 //arr, 当前数组 return 判断条件 }) 1.2.3--- forEach() 此方法对每个元素执行相同操作,会修改原数组 arr.forEach(function(val,i,arr){ arr[i]=新值; }) 1.2.4---map(): 此方法对每个元素执行相同操作,但不会修改原数组,仅返回新数组 var 新数组=arr.map(function(val,i,arr){ return 新值; }); 1.2.5---filter() 此方法筛选出原数组中符合条件的元素组成新数组,原数组不变。 var subArr=arr.filter(function(val,i,arr){ return 判断条件 //根据满足判断条件的值返回 }) 1.2.5---reduce() 此方法将数组中每个元素的值,汇总成一个最终结果 var result=arr.reduce(function(prev,val,i,arr){ return prev+val;//累加 },base);//base为基准值 2.关联数组的遍历 关联数组的下标不是数字,不能通过累加的方式,但javascript提供了另外一种方式: for(var key in arr){ key; arr[key];
} 为了测试关联数组的方式能否遍历索引数组,小编特地测试了一下,发现结果是可以的,也就是说索引数组是特殊的关联数组;并且函数体里面的arr[i]值也是是可以修改的哦。

3.类数组和对象 javascript中有一类比较特殊的数组:类数组。一般是由DOM对象组成的数组,属于索引数组的一类,所以是可以用索引数组的方式遍历的。 javascript中的对象实质上就是关联数组,因此用关联数组的方式可以遍历对象。

  • 打赏
  • 点赞
  • 收藏
  • 分享
共有 人打赏支持
粉丝 0
博文 1
码字总数 734
×
tiger_yu
如果觉得我的文章对您有用,请随意打赏。您的支持将鼓励我继续创作!
* 金额(元)
¥1 ¥5 ¥10 ¥20 其他金额
打赏人
留言
* 支付类型
微信扫码支付
打赏金额:
已支付成功
打赏金额: