js 转整数|极客笔记

js 转整数

在前端开发中，我们经常需要将字符串转换为整数。JavaScript提供了几种方法来实现这个目的。本文将介绍这些方法，并且详细讨论它们的优缺点。

使用parseInt函数

JavaScript中最常用的方法是使用parseInt函数将字符串转换为整数。parseInt函数接受两个参数，第一个参数是要转换的字符串，第二个参数是转换的进制数（可选，默认为10）。

示例代码：

let str = "123";
let num = parseInt(str);

console.log(num); // 123

在这个示例中，我们将字符串”123″转换为整数并赋值给变量num。parseInt函数将十进制字符串转换为对应的整数。

注意事项：

当字符串以数字字符开头，parseInt函数会尝试将其转换为整数。如果字符串包含非数字字符，则只转换到第一个非数字字符。
如果要转换的字符串以0x或者0X开头，则会将其解释为十六进制数。
如果想要转换的字符串包含小数点，则parseInt函数会截掉小数点及其后的内容。
如果字符串为空或者以非数字字符开头，则parseInt函数会返回NaN。

使用Number函数

除了parseInt函数外，JavaScript中还有一个Number函数可以将字符串转换为整数。Number函数会尝试将字符串解析为数字。

示例代码：

let str = "456";
let num = Number(str);

console.log(num); // 456

在这个示例中，我们将字符串”456″转换为整数并赋值给变量num。Number函数会尝试将字符串解析为数字，如果无法解析则返回NaN。

注意事项：

Number函数会尽可能将字符串解析为数字，如果无法解析则返回NaN。
Number函数不会忽略字符串中的非数字字符，而是直接返回NaN。

使用位运算符（）

在JavaScript中，我们还可以使用位运算符~~来将字符串转换为整数。这种方法虽然不常见，但是值得一提，因为它有时候会比其他方法更快。

示例代码：

let str = "789";
let num = ~~str;

console.log(num); // 789

在这个示例中，我们使用位运算符~~将字符串”789″转换为整数并赋值给变量num。

注意事项：

位运算符~~的工作原理是，将数字转换为32位带符号整数，然后舍弃符号位和小数部分，只保留整数部分。
如果字符串中包含非数字字符，则位运算符会强制将其转换为0。

测试

为了测试这些方法的性能，我们可以使用以下代码：

let str = "123456";
let start = performance.now();

for (let i = 0; i < 1000000; i++) {
  parseInt(str);
}

let end = performance.now();
console.log("parseInt耗时：" + (end - start) + "ms");

start = performance.now();

for (let i = 0; i < 1000000; i++) {
  Number(str);
}

end = performance.now();
console.log("Number耗时：" + (end - start) + "ms");

start = performance.now();

for (let i = 0; i < 1000000; i++) {
  ~~str;
}

end = performance.now();
console.log("位运算符耗时：" + (end - start) + "ms");

以上代码会分别测试使用parseInt、Number和位运算符~~转换字符串的性能。你也可以根据需要自行调整测试次数和测试字符串。