<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>双重循环</title>
<script>
//1.双重for循环 语法结构
//for(外层的初始化变量;外层的条件表达式;外层的操作表达式){
// for(里层的初始化变量;里层的条件表达式;里层的操作表达式){
// //执行语句
// }
// }
//2.里面的循环可以看做是外循环
//3.外层循环循环一次,里面的循环执行全部
// //4.代码验证
// for(var i=1;i<= 3;i ++){
// console.log('这是外层循环第' + i + '次' );
// for (var j =1;j <= 3; j++ ){
// console.log('这是里层的循环第' + j +'次');
// }
// }
// //打印倒三角形案例
// var str = '';
// var num = prompt("请输入一个数字:");
// for(var i = 1; i <= num; i++){//控制行数
// for(var j = i; j<= num; j++){//j=i(行中元素随列变化)
// str = str + '★';
// }
// str = str +'\n';
// }
// console.log(str);
// // 一行打印5个星星
// var rows = prompt("请输入行数:");
// var cols = prompt("请输入列数: ");
// var str ='';
// for(var i=1; i<=rows; i++){//行
// for(var j =1; j<=cols;j++){//列
// str = str + '★';
// }
// str = str + '\n';//另起一行
// }
// console.log(str);
//课堂案例三:打印99乘法表
var str = '';
var num = prompt("请输入一个1-9的数字:");
for(var i = 1;i<= num;i++){
for(var j=1;j<=i;j++){
str = str + j + 'x' + i + '=' + i * j + '\t';
}
str =str + '\n';
}
console.log(str);
</script>
</head>
<body>
</body>
</html>
<!-- 1.双重循环(嵌套循环)概述:嵌套循环是在一格循环语句中
再定义一个循环语句的语法结构。例如在for循环语句中,可以再嵌套一个for循环
这样的for循环又称为双重for循环。
2.for循环小结
a.for 循环可以重复执行某些相同的代码
b.for 循环可以重复执行些许不同的代码,(因为计数器的存在)
c.for 循环可以重复执行某些相同的操作,比如算术运算符加法操作
d.随着需求增加,双重for 循环可以做更多,更好看的效果。
e.双重for循环,外层循环一次,内部for循环全部执行
f.for循环是循环条件和数字直接相关的循环
g.分析要比写代码更重要。 -->
JS学习之双重循环
最新推荐文章于 2024-05-15 14:09:56 发布