手撕面试官系列面试题：剖析js打印乘法表之谜

2023-12-17 23:11:43

手撕面试官系列面试题：js打印乘法表

引言

作为一名前端开发人员，您可能经常遇到各种各样的面试题。其中，js打印乘法表是一个经典且常见的问题。看似简单，但它却蕴含着深刻的编程智慧和技巧。在本文中，我们将从一个独特的视角出发，剖析js打印乘法表的面试题，并为您揭示其中的奥秘。

分析与解决

要打印乘法表，我们需要使用循环语句来逐行逐列地输出乘法结果。最简单的方法是使用嵌套循环，如下所示：

for (let i = 1; i <= 9; i++) {
  for (let j = 1; j <= 9; j++) {
    console.log(`${i} * ${j} = ${i * j}`);
  }
}

这段代码首先使用两个for循环创建了一个9x9的表格，然后逐行逐列地输出每个单元格的乘法结果。这样就可以打印出一个完整的乘法表。

然而，为了让代码更简洁高效，我们可以使用一些优化技巧。例如，我们可以将乘法表的行和列合并成一个循环，如下所示：

for (let i = 1; i <= 9; i++) {
  for (let j = 1; j <= 9; j++) {
    console.log(`${i} * ${j} = ${i * j}`);
  }
  console.log(); // 换行
}

这段代码使用了一个额外的console.log()语句来换行，这样就可以将乘法表分行打印出来。

另外，我们还可以使用更高级的技术来优化代码。例如，我们可以使用数组和map()函数来生成乘法表，如下所示：

const rows = Array.from({ length: 9 }, (_, i) => i + 1);
const columns = Array.from({ length: 9 }, (_, j) => j + 1);

const multiplicationTable = rows.map((row) => {
  return columns.map((column) => {
    return `${row} * ${column} = ${row * column}`;
  });
});

console.log(multiplicationTable);