1.循环嵌套
循环嵌套(双重循环) : 循环里面 嵌套 一个循环
循环嵌套(九九乘法表)
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>Document</title>
<style>
</style>
</head>
<body>
<script>
/*
外层循环: i = 9 行
内层循环 : j <= j 列
*/
let num = ''
for( let i = 1; i<=9; i++ ){
for(let j = 1;j<=i; j++){
num = num + (j+"*"+i +'='+j*i+ ' ')
}
console.log(num)
num = ''
}
</script>
</body>
</html>
需求:打印一个三角形星星
☆
☆ ☆
☆ ☆ ☆
☆ ☆ ☆ ☆
☆ ☆ ☆ ☆ ☆
i 外层循环行数 : 1 2 3 4 5
j 内层循环列数 :
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>Document</title>
</head>
<body>
<script>
/* 需求:打印一个三角形星星
☆
☆ ☆
☆ ☆ ☆
☆ ☆ ☆ ☆
☆ ☆ ☆ ☆ ☆
*/
/*
i 外层循环行数 : 1 2 3 4 5
j 内层循环列数 :
当i为1, 打印1列
当i为2, 打印2列
当i为3, 打印3列
当i为4, 打印4列
当i为5, 打印5列
*/
let num = ''
for(let i = 1; i<=5;i++){
for(let j = 1; j<=i; j++){
num = num + '❤'
}
console.log(num)
num = ''
}
</script>
</body>
</html>
举例: 打印 4行5列星星,一次只能打印一个
☆ ☆ ☆ ☆ ☆
☆ ☆ ☆ ☆ ☆
☆ ☆ ☆ ☆ ☆
☆ ☆ ☆ ☆ ☆
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<meta http-equiv="X-UA-Compatible" content="ie=edge" />
<title>Document</title>
</head>
<body>
<script>
/*
循环嵌套(双重循环) : 循环里面 嵌套 一个循环
举例: 打印 4行5列星星,一次只能打印一个
☆ ☆ ☆ ☆ ☆
☆ ☆ ☆ ☆ ☆
☆ ☆ ☆ ☆ ☆
☆ ☆ ☆ ☆ ☆
*/
let num2 = ''
for (let i = 1; i <= 4; i++) {
for(let j =1; j<=5; j++){
num2 =num2+'❤'
}
console.log(num2)
num2 = ''
}
</script>
</body>
</html>