JavaScript在Chrome控制台打印三角形时内容被合并，如何修复？

问题根源 #

你遇到的是Chrome控制台的自动合并优化：当连续多次输出完全相同的内容（比如单个#）时，控制台会自动合并显示为「N #」的计数形式，哪怕关闭了「分组相似项」也会触发这个机制。

解决方案 #

不要逐字符单独调用console.log，而是先把每一行的字符拼接成完整字符串，再一次性打印整行：

// 正确的三角形打印代码
for (let row = 1; row <= 5; row++) {
  let line = '';
  // 拼接当前行的所有#
  for (let col = 0; col < row; col++) {
    line += '#';
  }
  // 一次性打印整行
  console.log(line);
}

为什么这个方法有效 #

每次console.log输出的是长度不同的字符串（第一行1个#，第二行2个#……），控制台不会判定这些是重复内容，因此会逐行显示出正常的三角形图案：

#
##
###
####
#####

避免错误写法 #

如果你之前的代码是逐字符打印（如下），就会触发控制台的合并机制：

// 错误写法：逐字符打印导致合并
for (let row = 1; row <= 5; row++) {
  for (let col = 0; col < row; col++) {
    console.log('#');
  }
}

内容的提问来源于stack exchange，提问作者Riya Abraham