js中数组的4种遍历方式

来源：互联网发布：中国基尼系数知乎编辑：程序博客网时间：2024/06/08 10:52
<!DOCTYPE html><html><head><meta charset="utf-8"/><title>数组的遍历方式</title><script type="text/javascript">var arr = [11,22,33,55];//普通的循环遍历方式function first(){for(var i= 0;i<arr.length;i++){console.log("第一种遍历方式\t"+arr[i]);}console.log("111111111111111111111111111111");}//2、for ..in 遍历方式function second(){// for in 遍历需要两个形参 ，index表示数组的下标(可以自定义)，arr表示要遍历的数组for(var index in arr){console.log("第二种遍历方式\t"+arr[index]);}console.log("222222222222222222222222222222");}//3，很鸡肋的遍历方式function third(){//第一个参数为数组的元素，第二个元素为数组的下标arr.forEach(function(ele,index){console.log("第三种遍历方式\t"+arr[index]+"-----"+ele);});console.log("333333333333333333333333333333");}//4,for-of遍历方式function forth(){//第一个变量ele代表数组的元素（可以自定义） arr为数组（数据源）for(var ele of arr){console.log("第四种遍历方式\t"+ele);}console.log("444444444444444444444444444444");}</script></head><body><input type="button" value="第一种遍历方式" name="aa" onclick="first();"/><br/><input type="button" value="第二种遍历方式" name="aa" onclick="second();"/><br/><input type="button" value="第三种遍历方式" name="aa" onclick="third();"/><br/><input type="button" value="第四种遍历方式" name="aa" onclick="forth();"/><br/></body></html>
0 0