JavaScript：九九乘法表

最新推荐文章于 2023-11-03 14:39:28 发布

莫亓

最新推荐文章于 2023-11-03 14:39:28 发布

阅读量889

点赞数 1

分类专栏：学习笔记📒

本文链接：https://blog.csdn.net/Bule_daze/article/details/104269437

版权

本文通过JavaScript展示了多种实现九九乘法口诀表的方法，包括双层for循环、中文版输出、forEach、递归等。并探讨了一些创新的实现方式，如立即执行函数和倒三角形展示。

摘要由CSDN通过智能技术生成

用 js 实现一个九九乘法口诀表

1⃣️ 双层 for 循环

const MAX_WIDTH = 7
let table = ''
for (let rhs = 1; rhs <= 9; rhs++) {
   
    for (let lhs = 1; lhs <= 9; lhs++) {
   
        if (lhs <= rhs) table += `${
     lhs}*${
     rhs}=${
     lhs * rhs}`.padEnd(MAX_WIDTH)
    }
    table += '\n'
}
console.log(table)

1*1=1  
1*2=2  2*2=4  
1*3=3  2*3=6  3*3=9  
1*4=4  2*4=8  3*4=12 4*4=16 
1*5=5  2*5=10 3*5=15 4*5=20 5*5=25 
1*6=6  2*6=12 3*6=18 4*6=24 5*6=30 6*6=36 
1*7=7  2*7=14 3*7=21 4*7=28 5*7=35 6*7=42 7*7=49 
1*8=8  2*8=16 3*8=24 4*8=32 5*8=40 6*8=48 7*8=56 8*8=64 
1*9=9  2*9=18 3*9=27 4*9=36 5*9=45 6*9=54 7*9=63 8*9=72 9*9=81

padEnd() 方法会用一个字符串填充当前字符串（如果需要的话则重复填充），返回填充后达到指定长度的字符串。从当前字符串的末尾（右侧）开始填充。

2⃣️ 实现一个中文版的输出

function row(num) {
   
	const numMap = {
   
		1: '一',
		2: '二',
		3: '三',
		4: '四',
		5: '五',
		6: '六',
		7: '七',
		8: '八',
		9: '九'
	}

	return new Array(num).fill(0).map((val, idx) => {
   
		const n = idx + 1
		const res = n * num
		const resStr = res > 9 ? numMap[