如何在JavaScript中为字符串的每一行开头添加行号？

看起来你是想把空格分隔的字符串每个部分前面加上递增的行号，或者也可能是处理真正的多行字符串？我先针对你给出的示例场景，再补充多行字符串的通用解法~

针对你的示例场景（空格分隔的单词） #

你的示例是把"Hi, My Name is Mike"转换成带行号的格式，这里可以通过拆分字符串→遍历添加行号→重新拼接的步骤实现：

const originalStr = "Hi, My Name is Mike";
const numberedStr = originalStr
  .split(" ") // 按空格拆分每个单词
  .map((word, index) => `${index + 1}.${word}`) // 给每个单词添加行号（index从0开始，所以+1）
  .join(" "); // 用空格重新拼接成字符串

console.log(numberedStr);
// 输出：1.Hi, 2.My 3.Name 4.is 5.Mike

简单解释下每一步：

• split(" ")：把原字符串按空格拆分成数组，得到["Hi,", "My", "Name", "is", "Mike"]
• map()：遍历数组，每个元素结合它的索引（+1得到自然行号）拼接成带行号的字符串
• join(" ")：把处理后的数组重新用空格连接成最终字符串

通用多行字符串的行号添加方案 #

如果你的实际需求是处理真正的多行字符串（比如用\n分隔的行），可以用类似逻辑，只是拆分符换成\n：

const multiLineStr = `Hi,
My Name is
Mike
Nice to meet you`;

const numberedMultiLine = multiLineStr
  .split("\n") // 按换行符拆分每一行
  .map((line, index) => `${index + 1}.${line}`)
  .join("\n"); // 用换行符重新拼接

console.log(numberedMultiLine);
// 输出：
// 1.Hi,
// 2.My Name is
// 3.Mike
// 4.Nice to meet you

要是需要过滤掉可能存在的空行，还可以加个小判断：

const numberedMultiLine = multiLineStr
  .split("\n")
  .filter(line => line.trim() !== "") // 过滤掉空行
  .map((line, index) => `${index + 1}.${line}`)
  .join("\n");

这样不管是你的示例场景还是真正的多行字符串，都能完美解决啦~

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