JS字符串转Int

在JavaScript中，我们经常需要将字符串转换为整数。转换字符串为整数是非常常见的操作，在处理用户输入数据、进行计算和对字符串进行排序等方面都会用到。本文将详细讨论JavaScript中字符串转整数的方法。

使用parseInt()函数转换字符串为整数

JavaScript提供了parseInt()函数用于将字符串转换为整数。该函数接受两个参数：要转换的字符串和可选的进制数。

语法

parseInt(string, radix)

string：要转换为整数的字符串。
radix：可选参数，表示要转换的进制数，默认为10。

示例

下面是使用parseInt()函数将字符串转换为整数的几个示例。

let str1 = "123";
let int1 = parseInt(str1);
console.log(int1);  // 输出：123

let str2 = "010";
let int2 = parseInt(str2);
console.log(int2);  // 输出：10

let str3 = "11";
let int3 = parseInt(str3, 2);
console.log(int3);  // 输出：3

请注意，当字符串以0开头时，parseInt()函数会将其视为八进制数。如果要按照十进制数进行转换，请确保字符串不以0开头。

使用Number()函数转换字符串为整数

除了parseInt()函数之外，JavaScript还提供了Number()函数用于将字符串转换为整数。

语法

Number(string)

string：要转换为整数的字符串。

示例

下面是使用Number()函数将字符串转换为整数的几个示例。

let str1 = "123";
let int1 = Number(str1);
console.log(int1);  // 输出：123

let str2 = "010";
let int2 = Number(str2);
console.log(int2);  // 输出：10

let str3 = "11";
let int3 = Number(str3);
console.log(int3);  // 输出：11

需要注意的是，当传递给Number()函数的字符串包含非数字字符时，它会返回NaN（Not a Number）。

使用Unary Plus运算符转换字符串为整数

JavaScript中的一元加号运算符(+)可以将字符串转换为整数。

示例

let str1 = "123";
let int1 = +str1;
console.log(int1);  // 输出：123

let str2 = "010";
let int2 = +str2;
console.log(int2);  // 输出：10

let str3 = "11";
let int3 = +str3;
console.log(int3);  // 输出：11

与Number()函数类似，当字符串包含非数字字符时，一元加号运算符会返回NaN。

性能对比

在进行大量的字符串转整数操作时，我们需要考虑每种方法的性能。为了进行比较，我们使用performance.now()函数来计算每种方法的执行时间。

下面是一个性能对比的示例：

let str = "1234567890";
let iterations = 1000000;

// 使用parseInt()函数转换字符串为整数并计算性能
let start1 = performance.now();
for (let i = 0; i < iterations; i++) {
  parseInt(str);
}
let end1 = performance.now();
let time1 = end1 - start1;

// 使用Number()函数转换字符串为整数并计算性能
let start2 = performance.now();
for (let i = 0; i < iterations; i++) {
  Number(str);
}
let end2 = performance.now();
let time2 = end2 - start2;

// 使用一元加号运算符转换字符串为整数并计算性能
let start3 = performance.now();
for (let i = 0; i < iterations; i++) {
  +str;
}
let end3 = performance.now();
let time3 = end3 - start3;

console.log(`parseInt(): {time1.toFixed(3)} 秒`);
console.log(`Number():{time2.toFixed(3)} 秒`);
console.log(`一元加号运算符: ${time3.toFixed(3)} 秒`);