js中for循环的几种方式,js中for循环的两种语法
在之前的文章《JS循环学习：while循环语句的使用（示例详解）》中，我们简单了解了while循环和do while循环，但今天我们将介绍一个循环——for循环语句，希望对你有所帮助！
一：for 循环
for循环在for语句中预定义了控制循环次数的变量，因此for循环语句可以根据已知的循环次数进行循环，适用于脚本需要运行的次数明确已知的情况。
for 循环的语法格式如下：
For(初始化语句；循环条件；更新变量-增加或减少){
语句块；
}for循环语句可以分解成四部分：()中的三个表达式和{}中的“语句块”。下面我们来分析一下。
语句解析：
初始化语句(表达式1):主要初始化一个变量值，用来设置一个计数器，也就是循环开始时的值；该语句只会在第一个循环中执行，不会再执行。
循环条件(表达式2):循环执行的限制条件，用于控制是否执行循环体中的代码；如果条件为真，循环继续；如果条件为假，循环结束并立即退出循环。
更新(表达式3):具有自增量或自减量的表达式。每次执行循环时，计数器的值立即被修改，使得循环条件逐渐变得“不成立”。
语句：判断条件为真时需要执行的一些代码。
上面的描述是不是有点绕？我们来看看for循环语句的执行流程图，可以对for循环的执行过程有更直观的了解：
知道了for循环的执行过程，我们来做个实际操作，做个小题，看看大家掌握了没有！
示例：计算从1到100的总和
脚本类型=文本/javascript
var sum=0；
for(var I=1；i=100i ){
sum=I；
}
console.log(1 2 3.99 100= sum)；
/脚本
for 循环中的三个表达式
JS循环中括号内的三个表达式可以省略，但是用于分隔三个表达式的分号不能省略，如下例所示：
//省略第一个表达式
var I=0；
for(；i5；i ) {
//要执行的代码
}
//省略第二个表达式
for(var y=0；y ) {
如果(y 5){
打破；
}
//要执行的代码
}
//省略第一个和第三个表达式
var j=0；
for(；j 5；) {
//要执行的代码
j；
}
//省略所有表达式
var z=0；
for(；) {
if(z 5){
打破；
}
//要执行的代码
z；
}二：for 循环嵌套
无论是哪种循环，都可以嵌套(即在一个循环中定义一个或多个循环)。
语法格式：
For(初始化语句1；循环条件；更新变量-增加或减少){
//语句块1；
For(初始化语句2；循环条件；更新变量-增加或减少){
//语句块2；
For(初始化语句3；循环条件；更新变量-增加或减少){
//语句块3；
.
}
}
}案例：for循环实现九九乘法口诀表
首先我们来看看99年乘法的公式。
你可以画出图表的规则：
一共9行9列，第一行有几个表达式。
在第I行中，从i*1的开头到i*i的结尾都有I个表达式(这样的效果一次循环就可以实现)。
因此，有必要使用双回路来控制输出。外循环控制行数I(I I的最小值为1，最大值为9)，内循环控制列J(J J的最小值为1，最大值等于I)。
实施代码：
for(var I=1；I=9；I ){ //外环控制线
for(var j=1；j=I；J) //内部循环控制列
{
document . write(j * I = j * I nbsp；nbsp nbsp);
}
document . write(/br )；
}输出结果：
我们也可以把99乘法表放入一个表中，输出如下图开头所示：
document.write(table )。
for(var I=1；I=9；I) {//外环控制线
document . write( tr )；
for(var j=1；j=I；J) //内部循环控制列
{
document . write( TD j * I = j * I /TD )；
}
//换行，控制每行几个表达式的输出。
document . write(/tr )；
}
document . write(/table )；然后添加css样式来装饰它：
表格{
宽度：600px
边框-折叠：分离；
}
表td {
边框：#000 1px纯色；
文本对齐：居中；
}看输出结果：
【推荐学习：javascript高级教程】以上是JS循环学习的详细内容：for循环语句的使用(实例详解)。更多请关注我们的其他相关文章！
郑重声明：本文由网友发布，不代表盛行IT的观点，版权归原作者所有，仅为传播更多信息之目的，如有侵权请联系，我们将第一时间修改或删除，多谢。