for及带for的应用及区别

for及带for的应用 一、for 常用：遍历数组及对象 for (语句 1; 语句 2; 语句 3) { 被执行的代码块 } 语句 1 （代码块）开始前执行 语句 2 定义运行循环（代码块）的条件 语句 3 在循环（代码块）已被执行之后执行

实例 sum = 0; for (var i = 0; i < 5; i++) { sum += i; } console.log(sum);//10

双重for循环 // 打印五行五列星星 var str = ‘’; for (var i = 1; i <= 5; i++) { //外层循环负责五行打印 for (var j = 1; j <= 5; j++) { str = str + ‘★’ } // 如果一行打印完毕5个星星就要另起一行 加 \n str = str + ‘\n’; } console.log(str);

二、foreach forEach() 方法对数组的每个元素执行一次提供的函数。

iterable.forEach(function(value, key, iterable) { console.log(key, value, iterable); }); 实例： var array = ['a', 'b', 'c']; array.forEach(function(element) { console.log(element);//a,b,c });

forEach方法中的function回调有三个参数： 第一个参数是遍历的数组内容， 第二个参数是对应的数组索引， 第三个参数是数组本身 var arr = [1,2,3,4];

var sum =0; arr.forEach(function(value,index,array){ array[index] == value; //结果为true sum+=value; }); console.log(sum); //结果为 10

三、for in for…in 语句用于遍历数组或者对象的属性（对数组或者对象的属性进行循环操作）。

arr = [1, 2, 3, 4, 5, 65, 7, 8, 9, 6]; for (let k in arr) { console.log(k); console.log(arr[k]) } 0 1 1 2 2 3 3 。。。

既可以遍历index值，也可以遍历value

四、for of

arr = [1, 2, 3, 4, 5, 65, 7, 8, 9, 6]; for (let k of arr) { console.log(k); console.log(arr[k]); } 1 1 2 2 3 3 。。。

只能遍历value，不能遍历index

for in 和 for of 的区别 1.遍历对象 通常用for in来遍历对象的键名 2.for in遍历的是数组的索引（即键名），而for of遍历的是数组元素值。