parseInt() 函数深入浅出

parseInt() 函数简介

parseInt() 函数用于将字符串转换为整数。它可以接受两个参数：第一个参数是要转换的字符串，第二个参数是转换的进制。如果省略第二个参数，则默认使用 10 进制。

parseInt() 函数的返回值

parseInt() 函数的返回值是一个整数。如果字符串不能被转换为整数，则返回 NaN（Not a Number）。

parseInt() 函数的用法

parseInt() 函数的用法非常简单。只需将要转换的字符串作为第一个参数传入，然后将转换的进制作为第二个参数传入即可。例如，以下代码将字符串 "10" 转换为 10 进制整数：

const number = parseInt("10");
console.log(number); // 输出：10

如果省略第二个参数，则默认使用 10 进制。例如，以下代码将字符串 "10" 转换为 10 进制整数：

const number = parseInt("10");
console.log(number); // 输出：10

parseInt() 函数的注意事项

在使用 parseInt() 函数时，需要注意以下几点：

• parseInt() 函数只能将字符串转换为整数。如果字符串包含非数字字符，则这些字符将被忽略。例如，以下代码将字符串 "10px" 转换为整数 10：

const number = parseInt("10px");
console.log(number); // 输出：10

• parseInt() 函数不能将浮点数转换为整数。例如，以下代码将字符串 "10.5" 转换为整数 10：

const number = parseInt("10.5");
console.log(number); // 输出：10

• parseInt() 函数不能将负数转换为整数。例如，以下代码将字符串 "-10" 转换为整数 0：

const number = parseInt("-10");
console.log(number); // 输出：0

parseInt() 函数的应用场景

parseInt() 函数在 JavaScript 开发中有很多应用场景，例如：

• 将用户输入的字符串转换为数字。例如，以下代码将用户输入的字符串 "10" 转换为整数 10：

const number = parseInt(prompt("请输入一个数字："));
console.log(number); // 输出：10

• 从 HTML 元素中提取数字。例如，以下代码从 HTML 元素中提取数字 10：

const number = parseInt(document.getElementById("number").innerHTML);
console.log(number); // 输出：10

• 将数字字符串转换为整数数组。例如，以下代码将字符串 "1,2,3" 转换为整数数组 [1, 2, 3]：

const numbers = "1,2,3".split(",").map(parseInt);
console.log(numbers); // 输出：[1, 2, 3]

总结

parseInt() 函数是一个非常有用的函数，它可以将字符串转换为整数。在 JavaScript 开发中，parseInt() 函数有很多应用场景，例如将用户输入的字符串转换为数字，从 HTML 元素中提取数字，将数字字符串转换为整数数组等。