将 .innerHTML 的结果转换为 JavaScript 上的数字

当我们需要从 HTML 页面中获取一个数字并进行运算时，可能需要将 .innerHTML 的结果转换为 JavaScript 上的数字类型。本文将介绍如何使用不同的方法将一个字符串转换为数字。

parseInt()

使用 parseInt() 方法可以将字符串转换为整数。例如：

var str = '123';
var num = parseInt(str);
console.log(num); // output: 123

如果字符串中有非数字字符，则 parseInt() 方法会忽略这些字符。例如：

var str = '123abc';
var num = parseInt(str);
console.log(num); // output: 123

注意，如果字符串以 0x 或 0 开头，则会被解释为十六进制或八进制数字。例如：

var str = '0xff';
var num = parseInt(str);
console.log(num); // output: 255

parseFloat()

使用 parseFloat() 方法可以将字符串转换为浮点数。例如：

var str = '3.14';
var num = parseFloat(str);
console.log(num); // output: 3.14

如果字符串中有非数字字符，则 parseFloat() 方法会跳过第一个非数字字符，并返回其之前的数字。例如：

var str = '3.14abc';
var num = parseFloat(str);
console.log(num); // output: 3.14

注意，如果字符串以 0x 或 0 开头，则会被解释为十六进制或八进制数字，并且小数部分将被忽略。例如：

var str = '0.5';
var num = parseFloat(str);
console.log(num); // output: 0.5

Number()

使用 Number() 方法可以将字符串转换为数字。这个方法会尝试将整个字符串解析为一个数字，如果成功则返回数字，否则返回 NaN。例如：

var str = '123';
var num = Number(str);
console.log(num); // output: 123

如果字符串中有非数字字符，则 Number() 方法会返回 NaN。例如：

var str = '123abc';
var num = Number(str);
console.log(num); // output: NaN

注意，如果字符串以 0x 或 0 开头，则会被解释为十六进制或八进制数字。例如：

var str = '0xff';
var num = Number(str);
console.log(num); // output: 255

总结

在 JavaScript 中，我们可以使用 parseInt()、parseFloat() 和 Number() 方法将字符串转换为数字。这些方法的使用方法和返回结果略有不同，从而我们可以根据需要选择适合的方法来进行转换。