JavaScript基础知识-流程控制之嵌套循环案例
作者：尹正杰
版权声明：原创作品，谢绝转载！否则将追究法律责任。
一.打印直角三角形
1>.JavaScript源代码
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>打印直角三角形</title> <script type="text/javascript"> for(var i=0; i<10; i++){ for(var j=0;j <i+1;j++){ document.write("<strong>*</strong> "); } //输出一个换行 document.write("<br />"); } </script> </head> <body> </body> </html>
2>.浏览器打开以上代码渲染结果
二.倒着打印直角三角形
1>.JavaScript源代码
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>倒着打印直角三角形</title> <script type="text/javascript"> for(var i=0; i<10; i++){ for(var j=0;j <10-i;j++){ document.write("<strong>*</strong> "); } //输出一个换行 document.write("<br />"); } </script> </head> <body> </body> </html>
2>.浏览器打开以上代码渲染结果
三.打印九九乘法表
1>.JavaScript源代码
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>打印九九乘法表</title> <style type="text/css"> body{ /*给body设置宽度，当屏幕一行显示不下时会出现滚动条*/ width: 2000px; } span{ /*将span设置为行内块元素*/ display: inline-block; /*设置宽度*/ width: 90px; } </style> <script type="text/javascript"> for(var i = 1; i <= 9; i++){ for(var j = 1;j <= i;j++){ document.write("<span>" + j + "x" + i + "=" + i * j + "</span>"); } //输出一个换行 document.write("<br />"); } </script> </head> <body> </body> </html>
2>.浏览器打开以上代码渲染结果
四.打印2-100之间的所有质数
1>.JavaScript源代码
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>打印2-100之间的所有质数</title> <script type="text/javascript"> for(var i = 2; i <= 100; i++){ //创建一个布尔值，用来保存结果，默认i是质数 var flag = true; for(var j = 2;j < i;j++){ if(i % j == 0){ //如果进入判断则证明i不是质数，修改flag的值为flase flag = false; } } if(flag){ document.write(i + "<br />"); } } </script> </head> <body> </body> </html>
2>.浏览器打开以上代码渲染结果
五.质数练习的改进
1>.JavaScript源代码
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>打印2-100之间的所有质数</title>
<script type="text/javascript">
for(var i = 2; i <= 100; i++){
//创建一个布尔值，用来保存结果，默认i是质数
var flag = true;
//匹配的终止条件是对i开方对应的值,这样可以减少循环的次数
for(var j = 2;j <= Math.sqrt(i);j++){
if(i % j == 0){
//如果进入判断则证明i不是质数，修改flag的值为flase
flag = false;
}
}
if(flag){
document.write(i + "<br />");
}
}
</script>
</head>
<body>
</body>
</html>
2>.浏览器打开以上代码渲染结果
