快捷導(dǎo)航

在JavaScript中把"123 asdf"轉(zhuǎn)化成數(shù)字的幾種方法

更新時(shí)間：2026年02月09日 08:36:49 作者：Never_Satisfied

文章詳細(xì)介紹了在JavaScript中將字符串轉(zhuǎn)換為數(shù)字的幾種方法,包括parseInt()、parseFloat()、Number()以及正則表達(dá)式,每種方法都有其特點(diǎn)和適用場(chǎng)景,需要的朋友可以參考下

1.parseInt()- 最常用的方法

const str = "123 asdf";
const num = parseInt(str);  // 123

console.log(num); // 123
console.log(typeof num); // "number"

特點(diǎn)：

解析字符串開(kāi)頭的數(shù)字，直到遇到第一個(gè)非數(shù)字字符
忽略字符串開(kāi)頭的空格
能識(shí)別整數(shù)，遇到小數(shù)點(diǎn)、字母或其他字符會(huì)停止解析
如果字符串以非數(shù)字開(kāi)頭，返回 NaN

parseInt("123 asdf");     // 123
parseInt("123.45 asdf");  // 123（整數(shù)部分）
parseInt("asdf 123");     // NaN
parseInt("  456 abc");    // 456（忽略空格）

2.parseFloat()- 解析浮點(diǎn)數(shù)

const str = "123.45 asdf";
const num = parseFloat(str);  // 123.45

console.log(num); // 123.45

特點(diǎn)：

解析浮點(diǎn)數(shù)，能識(shí)別第一個(gè)小數(shù)點(diǎn)
同樣在遇到非數(shù)字字符（除了第一個(gè)小數(shù)點(diǎn)）時(shí)停止

parseFloat("123 asdf");     // 123
parseFloat("123.45 asdf");  // 123.45
parseFloat("123.45.67");    // 123.45（只識(shí)別第一個(gè)小數(shù)點(diǎn)）
parseFloat("abc 123");      // NaN

3.Number()或一元加號(hào)運(yùn)算符

const str = "123 asdf";

// Number() 函數(shù)
const num1 = Number(str);    // NaN

// 一元加號(hào)運(yùn)算符
const num2 = +str;           // NaN

特點(diǎn)：

要求整個(gè)字符串都是有效的數(shù)字表示
對(duì)于 "123 asdf" 會(huì)返回 NaN（因?yàn)楹蟹菙?shù)字字符）

Number("123");         // 123
Number("123.45");      // 123.45
Number("123 asdf");    // NaN（整個(gè)字符串必須都是數(shù)字）
+"123";                // 123
+"123 asdf";           // NaN

4.其他轉(zhuǎn)換方法

// Math.floor() - 向下取整
Math.floor("123 asdf");  // NaN

// 雙波浪號(hào) ~~ - 按位非（僅整數(shù)）
~~"123 asdf";           // 0（轉(zhuǎn)換失?。?

// 使用正則表達(dá)式提取數(shù)字
const str = "123 asdf";
const match = str.match(/\d+/);
const num = match ? parseInt(match[0]) : 0;  // 123

// 使用正則提取數(shù)字（包括小數(shù)）
const num2 = parseFloat(str.match(/\d+\.?\d*/));  // 123

總結(jié)對(duì)比

方法	輸入 "123 asdf"	輸入 "123.45 asdf"	輸入 "asdf 123"	特點(diǎn)
`parseInt()`	123	123	NaN	提取開(kāi)頭的整數(shù)
`parseFloat()`	123	123.45	NaN	提取開(kāi)頭的浮點(diǎn)數(shù)
`Number()`	NaN	NaN	NaN	要求整個(gè)字符串是數(shù)字
`+` 運(yùn)算符	NaN	NaN	NaN	同 Number()
正則提取	123	123.45	123	靈活但代碼較多

注意事項(xiàng)

使用 parseInt() 時(shí)最好指定基數(shù)，避免八進(jìn)制解析問(wèn)題：

parseInt("010");      // 10（現(xiàn)代JS）或8（舊環(huán)境）
parseInt("010", 10);  // 10（推薦指定基數(shù)）

檢查轉(zhuǎn)換結(jié)果是否為有效數(shù)字：

const num = parseInt("123 asdf");
if (!isNaN(num)) {
    console.log("轉(zhuǎn)換成功:", num);
}

對(duì)于 "123 asdf"，最合適的方法是 parseInt() 或 parseFloat()，它們會(huì)解析字符串開(kāi)頭的數(shù)字部分。

到此這篇關(guān)于在JavaScript中把"123 asdf"轉(zhuǎn)化成數(shù)字的幾種方法的文章就介紹到這了,更多相關(guān)JavaScript把"123 asdf"轉(zhuǎn)成數(shù)字內(nèi)容請(qǐng)搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關(guān)文章希望大家以后多多支持腳本之家！

您可能感興趣的文章: