JavaScript中换行符与其他参数混用无法生效的问题求助

当你在console.log里同时传入数组、数字和带换行符的字符串时，Chrome控制台会把每个参数作为独立的项展示。对于字符串参数，它默认显示的是字符串的字面量形式（带单引号、红色高亮），这种模式下\n会被当作转义字符直接显示，而不会被解析成实际的换行。

你尝试用+拼接后无效，是因为拼接后整个内容变成了一个混合类型的字符串（数组会被转为逗号分隔的字符串，再和数字、目标字符串拼接），控制台依然会以字面量形式展示这个完整字符串，\n还是不会被解析。

要让换行符生效，你可以这么做：

• 单独打印这个带换行的字符串：

  console.log("hello \n world");
  

  此时控制台会直接渲染字符串内容，world会显示在第二行。
• 如果需要和其他内容一起展示，用模板字符串确保控制台渲染内容，或者拆分多个console.log：

  // 用模板字符串合并内容
  console.log(`${array[0]} ${array.length}\nhello \n world`);
  // 拆分多次打印
  console.log(array[0], array.length);
  console.log("hello \n world");
  

另外，Chrome控制台中右键点击字面量形式的字符串输出，选择「复制字符串内容」，可以看到包含换行的实际内容，但控制台默认展示字面量时不会解析换行。

内容的提问来源于stack exchange，提问作者Michał Matusik