在JavaScript中把"123 asdf"转化成数字的几种方法
作者：Never_Satisfied
文章详细介绍了在JavaScript中将字符串转换为数字的几种方法,包括parseInt()、parseFloat()、Number()以及正则表达式,每种方法都有其特点和适用场景,需要的朋友可以参考下
在 JavaScript 中，将字符串 "123 asdf" 转换为数字有几种方法，每种方法的结果和原理不同：
1.parseInt()- 最常用的方法
const str = "123 asdf"; const num = parseInt(str); // 123 console.log(num); // 123 console.log(typeof num); // "number"
特点：
- 解析字符串开头的数字，直到遇到第一个非数字字符
- 忽略字符串开头的空格
- 能识别整数，遇到小数点、字母或其他字符会停止解析
- 如果字符串以非数字开头，返回
NaN
parseInt("123 asdf"); // 123
parseInt("123.45 asdf"); // 123（整数部分）
parseInt("asdf 123"); // NaN
parseInt(" 456 abc"); // 456（忽略空格）
2.parseFloat()- 解析浮点数
const str = "123.45 asdf"; const num = parseFloat(str); // 123.45 console.log(num); // 123.45
特点：
- 解析浮点数，能识别第一个小数点
- 同样在遇到非数字字符（除了第一个小数点）时停止
parseFloat("123 asdf"); // 123
parseFloat("123.45 asdf"); // 123.45
parseFloat("123.45.67"); // 123.45（只识别第一个小数点）
parseFloat("abc 123"); // NaN
3.Number()或一元加号运算符
const str = "123 asdf"; // Number() 函数 const num1 = Number(str); // NaN // 一元加号运算符 const num2 = +str; // NaN
特点：
- 要求整个字符串都是有效的数字表示
- 对于
"123 asdf"会返回NaN（因为含有非数字字符）
Number("123"); // 123
Number("123.45"); // 123.45
Number("123 asdf"); // NaN（整个字符串必须都是数字）
+"123"; // 123
+"123 asdf"; // NaN
4.其他转换方法
// Math.floor() - 向下取整
Math.floor("123 asdf"); // NaN
// 双波浪号 ~~ - 按位非（仅整数）
~~"123 asdf"; // 0（转换失败）
// 使用正则表达式提取数字
const str = "123 asdf";
const match = str.match(/\d+/);
const num = match ? parseInt(match[0]) : 0; // 123
// 使用正则提取数字（包括小数）
const num2 = parseFloat(str.match(/\d+\.?\d*/)); // 123
总结对比
| 方法 | 输入 "123 asdf" | 输入 "123.45 asdf" | 输入 "asdf 123" | 特点 |
|---|---|---|---|---|
parseInt() | 123 | 123 | NaN | 提取开头的整数 |
parseFloat() | 123 | 123.45 | NaN | 提取开头的浮点数 |
Number() | NaN | NaN | NaN | 要求整个字符串是数字 |
+ 运算符 | NaN | NaN | NaN | 同 Number() |
| 正则提取 | 123 | 123.45 | 123 | 灵活但代码较多 |
推荐使用
对于 "123 asdf" 这类字符串：
- 获取开头的整数 →
parseInt(str) - 获取开头的浮点数 →
parseFloat(str) - 安全转换（带默认值）：
function safeParseInt(str, defaultValue = 0) {
const num = parseInt(str);
return isNaN(num) ? defaultValue : num;
}
console.log(safeParseInt("123 asdf")); // 123
console.log(safeParseInt("abc")); // 0
console.log(safeParseInt("abc", 100)); // 100
注意事项
- 使用
parseInt()时最好指定基数，避免八进制解析问题：
parseInt("010"); // 10（现代JS）或8（旧环境）
parseInt("010", 10); // 10（推荐指定基数）
- 检查转换结果是否为有效数字：
const num = parseInt("123 asdf");
if (!isNaN(num)) {
console.log("转换成功:", num);
}
对于 "123 asdf"，最合适的方法是 parseInt() 或 parseFloat()，它们会解析字符串开头的数字部分。
到此这篇关于在JavaScript中把"123 asdf"转化成数字的几种方法的文章就介绍到这了,更多相关JavaScript把"123 asdf"转成数字内容请搜索脚本之家以前的文章或继续浏览下面的相关文章希望大家以后多多支持脚本之家！