for循环:主要是用来遍历数组的,for循环的语法:
for(初始化变量;条件表达式;操作表达式){循环体}
1-初始化变量,初始化操作在整个for循环中只用执行1次
2-条件表达式,如果为true,执行循环体语句,否则退出循环
3-每次递增,直至条件表达式为假
4-for循环最大价值用于遍历数组,回顾读取数组的方式数组名【索引号】,索引号从0开始
for (let index = 1; index <= 5; index++) { //for循环5次
document.write('跑步<br>')
}
let arr = ['第一', '第二', '第三', '第四', '第五'] //循环数组
for (let i = 0; i < arr.length; i++) {
document.write(`${arr[i]}<br>`)
}
for循环中嵌套if语句:if语句用来判断for循环运行了几次,满足条件以后进行输出
<script>
for (let index = 1; index <= 100; index++) {
// const element = array[index];
console.log(index); //这里的index是从1开始打印的打印到100
if (index === 25) {
document.write(`我今年结婚了我今年${index}岁了 <br>`)
}
else document.write(`今年的岁数${index}岁 <br>`);
}
</script>
双重for循环:双重for循环,又称循环嵌套
循环嵌套是一个循环语句,嵌套另外一个循环语句的方法,这样的循环我们称为双重for循环。
内层循环可以看作外层循环的循环语句,外层循环一次,内层循环循环所有次数,内层循环也要执行for循环的执行顺序
for (i = 1; i <= 5; i++) { //上边的是整个大循环循环的次数
// document.write(`<br>`); //大循环循环一次,小循环所有次数,然后大循环再循环一次,小循环再循环所有次数
for (j = 1; j <= 2; j++) { //下边的是每个小循环循环的次数
document.write(`${j} <br>`);
}
}
跳出循环的语法:
continue:跳出本次循环,执行下一个循环。
break:退出本次循环,常用于得到了结果,后续循环就不再执行了
for (let index = 1; index <= 5; index++) {
if (index === 3) {
// document.write(`这个包子有虫子我不吃了`)
continue //使用continue跳过本次循环
}
document.write(`我正在吃第${index}个包子 <br>`)
}
for (let index = 1; index < 5; index++) {
if (index === 3) {
// document.write(`这个包子有虫子我不吃了`)
break //使用break 退出循环,后边的就不执行了
}
document.write(`我正在吃第${index}个包子 <br>`)
}
断点调试:对页面的js代码进行调试的工具,给js代码分为段落,查看这个段落的执行顺序
右键检查或者F12,打开调试控制台
点击源代码 (也就是点击文件名字)
找到调试行
左键点击,打上断点
点击刷新
页面右边找到断点暂停
断点暂停右边有个向下的箭头点击一下
不要把自己的代码和websocket代码看混了