JavaScript循环实现：按用户输入的行列数输出星号网格作业求解

核心逻辑 #

要输出指定行列的星号矩形，只需要两层循环嵌套即可：

• 外层循环负责控制行数，总共执行用户输入的行数次，每执行一次对应输出1行
• 内层循环负责控制每行的星号数量，总共执行用户输入的列数次，每执行一次拼接1个*
• 每完成一行的星号拼接后，输出该行内容并换行

注意事项 #

prompt()返回的是字符串类型，需要先转成数字再参与循环计数，避免出现逻辑错误。

不同循环的实现代码 #

1. for循环实现（最直观的写法） #

var row = Number(prompt("How many rows?"))
var column = Number(prompt("How many columns?"))
// 外层循环控制行数
for (let i = 0; i < row; i++) {
  let line = ''
  // 内层循环拼接当前行的星号
  for (let j = 0; j < column; j++) {
    line += '*'
  }
  console.log(line)
}

2. while循环实现 #

var row = Number(prompt("How many rows?"))
var column = Number(prompt("How many columns?"))
let i = 0
while (i < row) {
  let line = ''
  let j = 0
  while (j < column) {
    line += '*'
    j++
  }
  console.log(line)
  i++
}

3. do while循环实现 #

var row = Number(prompt("How many rows?"))
var column = Number(prompt("How many columns?"))
let i = 0
do {
  let line = ''
  let j = 0
  do {
    line += '*'
    j++
  } while (j < column)
  console.log(line)
  i++
} while (i < row)

如果需要在页面上输出而不是控制台，把console.log(line)改成document.write(line + '<br>')即可。

内容的提问来源于stack exchange，提问作者Rodney Clark