JavaScript数组的循环遍历

方法①：通过for循环，生成所有的索引下标

for(var i = 0 ; i <= arr.length-1 ; i++){ 程序内容 }

方法②：通过JavaScript程序提供的方法来实现循环遍历
▲forEach
语法：数组名.forEach(function(参数1,参数2,参数3){})
参数1: 存储的是当前循环次数时,获取的单元数据
参数2: 存储的是当前循环次数时,获取的单元索引下标
参数3: 存储的是原始数组
三个形参不一定都要定义，可以根据实际需求。形参可以任意定义，只要符合命名规范就可以
此方法只能遍历数组，不能遍历对象

var arr = [1,2,3,4,5];
arr.forEach(function(i){
console.log(i);
})

▲for…in
语法：for(var 自定义变量 in 数组){程序}
会将数组的索引下标存储在自定义变量中，通过自定义变量存储的索引，来获取数组的单元数据信息。只能获取索引，别的不能获取

var str = [5,4,3,2,1];
for(var key in str){
console.log(str[key]);}

var arr = ['北京','上海','广州','重庆','天津'];
for(var key in arr){  // 自定义变量,存储索引 0 1 2 3 4 ....
console.log(key,arr[key]);   // arr[key] 就是索引对应的数据
}

此方法不仅可以遍历数组，还能遍历对象

for循环、forEach()循环、for…in循环，针对数组而言都可以完成需求，只是针对不同的情况。推荐使用 forEach() 最简单最方便
for循环的优点是可以控制循环的起始和结束，for…in一般是针对对象的循环