JavaScript循环打印案例_js在网页中编写一个按钮,点击按钮弹窗调用循环打印学习方法的函数,函数参数为打印-优快云博客

本文链接：https://blog.youkuaiyun.com/SDXYGZH/article/details/126297243

这篇博客详细介绍了使用JavaScript进行循环打印的四个案例，包括打印5行5列的星号矩阵、自定义行数和列数的星号阵列、10行倒三角形以及经典的九九乘法表。通过实例代码和运行结果，深入理解JavaScript的循环控制结构。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

JavaScript循环打印案例

一、打印5行5列 *

运行代码

	var str = '';
		for (var i = 1; i <= 5; i++) {//外部控制换行
			for (var j = 1; j <= 5; j++) {//内部负责控制打印
				str = str + '*';
			}
			// 内部执行结束换行
			str = str + '\n';
		}
		console.log(str);//输出打印结果

运行结果

在这里插入图片描述

二、打印n行m列的 *

在控制台输入 "打印的行数 "

var n = prompt('请输入打印的行数')
		var m = prompt('请输入打印的列数')
		var str = '';
		for (var i = 1; i <= n; i++) {//外部控制换行
			for (var j = 1; j <= m; j++) {//内部负责控制打印
				str = str + '*';
			}
			// 内部执行结束换行
			str = str + '\n';
		}
		console.log(str);//输出打印结果

运行结果

在这里插入图片描述

三、打印10行倒三角型

运行代码

var str = '';
		for (var i = 1; i <= 10; i++) {//外部控制换行
			for (var j = i; j <= 10; j++) {//内部负责控制打印
				str = str + '*';
			}
			// 内部执行结束换行
			str = str + '\n';
		}
		console.log(str);//输出打印结果

运行结果

在这里插入图片描述

四、打印九九乘法表

案列简述

在这里插入图片描述

运行代码

	var str = '';
		for (i = 1; i <= 9; i++) {//控制打印的行数
			for (j = 1; j <= i; j++) {
				str = str + i + '*' + j + '=' + i * j + '\t';
			}
			str = str + '\n';
		}
		console.log(str);//输出打印结果