js第六篇:for循环
程序员文章站
2022-06-06 13:57:58
...
重复的做同样的事情,就是循环,以小明写作业为例,如果被老师罚写10遍,如果老师对小明说:多写几遍,老师也不喊停,小明一致写,写道小明死了,循环就停止了,这叫死循环
死循环:不会停止的循环
1. For循环
在 js 中,有三种循环语法,其中 for 循环的使用最普通
1.1 基本语法
for(var i=1;i<11;i++){
console.log('静夜思');
}
Var i=1:表达式1,创建变量 I 赋值为1,I 被称作循环变量
I<11:表达式2,循环条件,如果结果为 true,则执行循环体,执行完循环体之后,开始执行表达式3。。。。,如果为false,则终止循环的执行,继续执行循环后面的代码
I++:表达式3
{//循环体}
1.2流程理解
1.3循环案例
//计算1-10之间所有整数的和
var sum=0;
for(var i=1;i<11;i++){
sum+=i;
}
console.log(sum);
图解
1.4循环数组
循环的一个非常重要的作用就是遍历数组
遍历:获取数组中每一个元素,并进行操作
var mad = ['汪瑶', '张鹏', '曹世杰', '狄仁杰', '李元芳','王凯旋'];
//数组中最后一个元素索引=数组长度-1
for (var i = 0; i <mad.length; i++) {
console.log(mad[i]);
}
案例1:计算数组中所有数字的和
var number = [1, 2, 4, 5, 6, 7];
//计算所有元素的和
var sum = 0;
for (var i = 0; i < number.length; i++) {
sum = sum + number[i];
}
console.log(sum);
1.5 break 和 continue
Break:终止循环,继续执行循环后面的代码
Continue:终止本次循环,继续执行下次循环
for(var i=0;i<10;i++){
if(i==5){
//break;
continue;
}
console.log(i);
}
Continue应用场景
//将数组中的元素的值都+1,处5外
var number = [1, 10, 5, 11, 88];
for (var i = 0; i < number.length; i++) {
/* number[i]=number[i]+1; */
if(number[i]==5){
continue;
}
number[i]++;
}
console.log(number);
break应用场景
//在数组中找到曹世杰,将名字中“世”改成“士”
var mad = ['汪瑶', '张鹏', '曹世杰', '狄仁杰', '李元芳'];
for(var i=0;i<mad.length;i++){
if(mad[i]=='曹世杰'){
mad[i]='曹士杰';
//找到并修改之后,就不要再进行后面的匹配了
break;
}
}
console.log(mad);
1.6 嵌套循环
嵌套循环:循环中包含循环
for(var i=0;i<3;i++){
for(var j=0;j<3;j++){
console.log('hello');
}
}
外循环:外层的循环
内循环:内部的循环
总的循环次数=外循环次数X内循环次数
案例:
使用循环输出如下图形
○
○○
○○○
○○○○
○○○○○
使用嵌套循环,外循环控制行数,内循环控制列数
for (var i = 1; i <=10; i++) {
for (var j = 1; j <= i;j++) {
document.write('○');
}
document.write('<br>');
}