遍历的几种方式及用法

一、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) + "&nbsp;&nbsp;&nbsp;");
                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 循环。

  • 2
    点赞
  • 10
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值