JavaScript中数字与字符串相加的运算规则详解

 
console.log('----1----')
console.log('12' + '34') // 结果为 '1234'
console.log('12' + 34) // 结果为 '1234'
console.log(12 + '34') // 结果为 '1234'
console.log(12 + 34) // 结果为 46
console.log('----2----')
console.log(+'12' + '34') // 结果为 '1234'
console.log(+'12' + 34) // 结果为 46
console.log(+12 + '34') // 结果为 '1234'
console.log(+12 + 34) // 结果为 46
console.log('----3----')
console.log(-'12' + '34') // 结果为 '-1234'
console.log(-'12' + 34) // 结果为 22
console.log(-12 + '34') // 结果为 '-1234'
console.log(-12 + 34) // 结果为 22
console.log('----4----')
console.log('12' - '34') // 结果为 -22
console.log('12' - 34) // 结果为 -22
console.log(12 - '34') // 结果为 -22
console.log(12 - 34) // 结果为 -22
console.log('----5----')
console.log(+'12' - '34') // 结果为 -22
console.log(+'12' - 34) // 结果为 -22
console.log(+12 - '34') // 结果为 -22
console.log(+12 - 34) // 结果为 -22
console.log('----6----')
console.log(-'12' - '34') // 结果为 -22
console.log(-'12' - 34) // 结果为 -22
console.log(-12 - '34') // 结果为 -22
console.log(-12 - 34) // 结果为 -22

在JavaScript中，当涉及字符串连接与数字相加混合操作时，需特别注意类型转换规则。

document.write("<img src='images/" + i + 1 + ".jpg'>")

假设变量 i 的值为 1，上述代码的输出结果为 <img src='images/11.jpg'>。

若希望输出结果为 2.jpg，则需要调整代码写法。

document.write("<img src='images/" + (i+1) + ".jpg'>")