JavaScript字符串拼接时如何正确实现数字加法运算

这个问题我刚学JS的时候也踩过一模一样的坑！核心原因是JavaScript的运算符优先级和类型自动转换在搞鬼——当你混合使用字符串拼接和数字加法时，+会优先做字符串拼接而不是加法，因为它是从左到右执行的。

你的代码里"#" + i + 1的执行顺序是：

1. 先把"#"和i（数字）拼接成字符串，比如i=1时得到"#1"
2. 再把这个字符串和1拼接，结果就成了"#11"，而不是你想要的"#2"

给你几个简单的解决办法，按推荐程度排序：

1. 使用ES6模板字符串（最推荐） #

模板字符串用反引号`包裹，里面可以用${表达式}直接嵌入计算结果，可读性拉满，完全不会搞混拼接和运算：

for (let i = 0; i < 5; i++) {
  const coinFlip = Math.round(Math.random());
  if (coinFlip === 1) {
    console.log(`#${i + 1} Heads`);
  } else {
    console.log(`#${i + 1} Tails`);
  }
}

这里${i + 1}会先计算出i+1的数值，再自动转成字符串嵌入到整个句子里，完美解决问题。

2. 用括号强制改变运算顺序 #

如果不想用模板字符串，只需要把i + 1用括号括起来，让加法运算先执行，再和字符串拼接：

for (let i = 0; i < 5; i++) {
  const coinFlip = Math.round(Math.random());
  if (coinFlip === 1) {
    console.log("#" + (i + 1) + " Heads");
  } else {
    console.log("#" + (i + 1) + " Tails");
  }
}

括号的优先级比+高，所以会先算(i+1)得到数字，再和前后的字符串拼接，就不会出现1+1变成"11"的情况了。

3. 提前计算数值（适合复杂场景） #

如果后续还要用到这个序号，可以先把i+1存到变量里，再用变量拼接，逻辑更清晰：

for (let i = 0; i < 5; i++) {
  const flipNumber = i + 1; // 先计算好序号
  const coinFlip = Math.round(Math.random());
  if (coinFlip === 1) {
    console.log("#" + flipNumber + " Heads");
  } else {
    console.log("#" + flipNumber + " Tails");
  }
}

这样修改后，就能得到你想要的#2 Tails这类输出啦！

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