JavaScript中如何对字符串类型的数字执行减1操作

你现有的代码在常规场景下已经可以输出预期结果6，因为JS执行减法运算时会自动将字符串类型的数字隐式转换为Number类型再计算。但为了避免隐式转换带来的不可预期异常（比如字符串混入非数字字符的场景），更稳妥的显式转换写法如下：

• 方案1：使用Number()显式转换后计算，可读性最高

// 从HTML解析得到的字符串类型数字
const indexStr = "7"
// 显式转换为数字后减1适配0索引规则
const zeroBasedIndex = Number(indexStr) - 1
console.log(zeroBasedIndex) // 输出：6

• 方案2：使用一元加运算符快速转换，写法更简洁

const indexStr = "7"
const zeroBasedIndex = +indexStr - 1
console.log(zeroBasedIndex) // 输出：6

• 方案3：如果解析到的字符串可能带小数点，可搭配parseInt取整数部分处理

const indexStr = "7.9"
// 第二个参数指定按十进制解析，避免进制转换异常
const zeroBasedIndex = parseInt(indexStr, 10) - 1
console.log(zeroBasedIndex) // 输出：6

特殊场景兼容：如果解析到的字符串可能存在非数字字符，建议增加合法性校验，避免最终得到NaN结果，示例逻辑如下：

const indexStr = "7a" // 异常的非纯数字字符串
const num = Number(indexStr)
// 转换失败时默认取0索引，默认值可根据业务需求调整
const zeroBasedIndex = isNaN(num) ? 0 : num - 1

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