一、for()方法:
执行顺序:先执行条件一,再看条件一是否满足条件二的判断,如果满足则进入循环,反之则不进入循环,如果进入循环里则执行循环体里面的内容,最后再执行条件三。
例:
for(条件一;条件二;条件三){
//循环体
}
let arr = [1,2,3,4,5,6]
for(let i=0;i<arr.length;i++){
console.log(i)
if(i === 2){
continue
}
}
break; //语句时,会结束当前的循环,执行循环后面(外边)的语句。
continue //语句时,会终止当前的这一次循环,进入下一次的循环中。
return; // 语句时,会终止循环,结束当前方法。
for循环不仅可以单循环,还可以双重for循环,for可以解决大部分的遍历需求问题。
执行顺序:首先执行条件一,然后再看条件一是否满足条件二的判断,如果满足则进入循环体,在循环体内如果有内容,则按顺序执行,从上向下执行,然后碰到第二个for循环后,则判断条件四是否满足条件五的条件,如果满足,则进入循环体二,执行完循环体二的内容后,执行条件六,然后在条件四自增(自减)后如果条件四继续满足条件五,则继续执行,直到条件四不满足条件五后,再执行条件三。
for (条件一; 条件二; 条件三) {
//循环体
for (条件四; 条件五; 条件六) {
//循环体二
}
}
for (let i = 0; i < 10; i++) {
console.log("1"); //打印出10次1
for (let j = 0; j < 10; j++) {
console.log("2"); //打印出100次2
}
}
乘法口诀表的实际应用:
for (let i = 1; i <= 9; i++) {
for (let j = 1; j <= i; j++) {
if (j > i) {
break;
}
document.write(i + "*" + j + "=" + (i * j) + " ");
if (j == i) {
document.write("<br/>");
}
}
}
二、forEach()方法:
foreach方法主要是针对数组而言的,对数组中的每个元素可以执行一次方法。
foreach方法主要有三个参数,分别是数组内容、数组索引、整个数组。
let array = ['a', 'b', 'c', 'e'];
array.forEach((a)=> {
console.log(a);
});
let array = ['a', 'b', 'c', 'e'];
array.forEach((a,b,c)=> {
console.log(a);
console.log(b);
console.log(c);
});
三、map()方法:
forEach() 和 map() 里面每一次执行匿名函数都支持3个参数:数组中的当前项item,当前项的索引index,原始数组array。
map() 有返回值,可以return 出来。
let arr = [1,23,3];
arr.map(function(value,index,array){
//do something
return XXX
let ary = [12,23,24,42,1];
let res = ary.forEach(function (item,index,array) {
input[index] = item*10;
})
console.log(res);//-->undefined;
console.log(ary);//-->会对原来的数组产生改变;
注意:forEach 和 map 的回调函数里不支持 break 退出循环。如果使用 return 的话也只会退出当前那次循环的函数,循环还是会继续执行。如果想用 break 关键字,可以用原生的 for 循环。