JavaScript 字符串與數(shù)字的相互轉(zhuǎn)換

js字符串轉(zhuǎn)換成數(shù)字

js 字符串轉(zhuǎn)換數(shù)字方法主要有三種:轉(zhuǎn)換函數(shù)囚企、強(qiáng)制類型轉(zhuǎn)換窿锉、利用JS變量弱類型特點(diǎn)進(jìn)行轉(zhuǎn)換
1. 轉(zhuǎn)換函數(shù):js提供了parseInt()和parseFloat()兩個轉(zhuǎn)換函數(shù)信殊。前者把值轉(zhuǎn)換成整數(shù),后者把值轉(zhuǎn)換成浮點(diǎn)數(shù)。只有對String類型調(diào)用這些方法柔吼,這兩個函數(shù)才能正確運(yùn)行掰邢;對其他類型返回的都是NaN(Not a Number)牺陶。
將字符串轉(zhuǎn)換成數(shù)字,得用到parseInt函數(shù)辣之。

parseInt(string) : 函數(shù)從string的開始解析掰伸,返回一個整數(shù)。

舉例:

parseInt("1234blue"); //returns 1234

parseInt("0xA"); //returns 10

parseInt("22.5"); //returns 22

parseInt("blue"); //returns NaN

如果解析不到數(shù)字怀估,則將返回一個NaN的值狮鸭,可以用isNaN()函數(shù)來檢測;
舉例 :

if (isNaN(i))
{
console.log('NaN value');
}

parseInt()方法還可以把二進(jìn)制多搀、八進(jìn)制歧蕉、十六進(jìn)制或其他任何進(jìn)制的字符串轉(zhuǎn)換成整數(shù)】得基是由parseInt()方法的第二個參數(shù)指定的惯退,示例如下:

parseInt("AF", 16); //returns 175

parseInt("10", 2); //returns 2

parseInt("10", 8); //returns 8

parseInt("10", 10); //returns 10

如果十進(jìn)制數(shù)包含前導(dǎo)0,那么最好采用基數(shù)10从藤,這樣才不會意外地得到八進(jìn)制的值催跪。例如:

parseInt("010"); //returns 8

parseInt("010", 8); //returns 8

parseInt("010", 10); //returns 10

同樣的parseFloat函數(shù)是將字符串轉(zhuǎn)換成浮點(diǎn)數(shù)。

舉例:parseFloat('31.24abc') : 返回 31.24夷野;另外懊蒸,parseFloat()沒有進(jìn)制的區(qū)分。
2. 強(qiáng)制類型轉(zhuǎn)換

還可使用強(qiáng)制類型轉(zhuǎn)換(type casting)處理轉(zhuǎn)換值的類型悯搔。使用強(qiáng)制類型轉(zhuǎn)換可以訪問特定的值榛鼎,即使它是另一種類型的。

ECMAScript中可用的3種強(qiáng)制類型轉(zhuǎn)換如下:

Boolean(value)——把給定的值轉(zhuǎn)換成Boolean型;

Number(value)——把給定的值轉(zhuǎn)換成數(shù)字(可以是整數(shù)或浮點(diǎn)數(shù))者娱;

String(value)——把給定的值轉(zhuǎn)換成字符串抡笼。

用這三個函數(shù)之一轉(zhuǎn)換值,將創(chuàng)建一個新值黄鳍,存放由原始值直接轉(zhuǎn)換成的值推姻。這會造成意想不到的后果。

當(dāng)要轉(zhuǎn)換的值是至少有一個字符的字符串框沟、非0數(shù)字或?qū)ο髸r藏古,Boolean()函數(shù)將返回true。如果該值是空字符串忍燥、數(shù)字0拧晕、undefined或null,它將返回false梅垄。

Number()的強(qiáng)制類型轉(zhuǎn)換與parseInt()和parseFloat()方法的處理方式相似厂捞,只是它轉(zhuǎn)換的是整個值,而不是部分值队丝。示例如下:

Number(false); // 0

Number(true);  //1

Number(undefined); // NaN

Number(null); //0

Number( "5.5 "); //5.5

Number( "56 "); //56

Number( "5.6.7 "); // NaN

Number(new Object()) //NaN

3. 利用js變量弱類型轉(zhuǎn)換

例:

<script>

 var str= '012.345 ';

 var x = str-0;

 x = x*1;

</script>

上例利用了js的弱類型的特點(diǎn)靡馁,只進(jìn)行了算術(shù)運(yùn)算,實(shí)現(xiàn)了字符串到數(shù)字的類型轉(zhuǎn)換机久,不過這個方法還是不推薦的

js數(shù)字轉(zhuǎn)換成字符串

將字符串轉(zhuǎn)換成數(shù)字臭墨,得用到String類的toString方法

舉例:

var i = 10;

var s = i.toString();

alert(typeof s); //將輸出 String

js數(shù)字與字符串的區(qū)別

js的數(shù)字的加法與字符串的連接都是 + 符號, 所以究竟是加還是字符串的連接就取決與變量的類型膘盖。

舉例:

var a = 'abc' + 'xyz'; //a的值為:abcxyz,字符串與字符串是連接

var a = 10 + 5; //a的值為:15胧弛,數(shù)字是加

var a = 'abc' + 10; //a的值為:abc10,字符串與數(shù)字侠畔,自動將10轉(zhuǎn)換成字符串了

var a = 'abc' + 10 + 20 + 'cd'; //a的值為:abc1020cd

var a = 10 + 20 + 'abc' + 'cd'; //a的值為:30abccd结缚,可以數(shù)字加的先數(shù)字加,然后再連接
最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
  • 序言:七十年代末践图,一起剝皮案震驚了整個濱河市掺冠,隨后出現(xiàn)的幾起案子沉馆,更是在濱河造成了極大的恐慌码党,老刑警劉巖,帶你破解...
    沈念sama閱讀 216,651評論 6 501
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件斥黑,死亡現(xiàn)場離奇詭異揖盘,居然都是意外死亡,警方通過查閱死者的電腦和手機(jī)锌奴,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 92,468評論 3 392
  • 文/潘曉璐 我一進(jìn)店門兽狭,熙熙樓的掌柜王于貴愁眉苦臉地迎上來,“玉大人,你說我怎么就攤上這事箕慧》颍” “怎么了?”我有些...
    開封第一講書人閱讀 162,931評論 0 353
  • 文/不壞的土叔 我叫張陵颠焦,是天一觀的道長斩熊。 經(jīng)常有香客問我,道長伐庭,這世上最難降的妖魔是什么粉渠? 我笑而不...
    開封第一講書人閱讀 58,218評論 1 292
  • 正文 為了忘掉前任,我火速辦了婚禮圾另,結(jié)果婚禮上霸株,老公的妹妹穿的比我還像新娘。我一直安慰自己集乔,他們只是感情好去件,可當(dāng)我...
    茶點(diǎn)故事閱讀 67,234評論 6 388
  • 文/花漫 我一把揭開白布。 她就那樣靜靜地躺著饺著,像睡著了一般箫攀。 火紅的嫁衣襯著肌膚如雪。 梳的紋絲不亂的頭發(fā)上幼衰,一...
    開封第一講書人閱讀 51,198評論 1 299
  • 那天靴跛,我揣著相機(jī)與錄音,去河邊找鬼渡嚣。 笑死梢睛,一個胖子當(dāng)著我的面吹牛,可吹牛的內(nèi)容都是我干的识椰。 我是一名探鬼主播绝葡,決...
    沈念sama閱讀 40,084評論 3 418
  • 文/蒼蘭香墨 我猛地睜開眼,長吁一口氣:“原來是場噩夢啊……” “哼腹鹉!你這毒婦竟也來了藏畅?” 一聲冷哼從身側(cè)響起,我...
    開封第一講書人閱讀 38,926評論 0 274
  • 序言:老撾萬榮一對情侶失蹤功咒,失蹤者是張志新(化名)和其女友劉穎愉阎,沒想到半個月后,有當(dāng)?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體力奋,經(jīng)...
    沈念sama閱讀 45,341評論 1 311
  • 正文 獨(dú)居荒郊野嶺守林人離奇死亡榜旦,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點(diǎn)故事閱讀 37,563評論 2 333
  • 正文 我和宋清朗相戀三年,在試婚紗的時候發(fā)現(xiàn)自己被綠了景殷。 大學(xué)時的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片溅呢。...
    茶點(diǎn)故事閱讀 39,731評論 1 348
  • 序言:一個原本活蹦亂跳的男人離奇死亡澡屡,死狀恐怖,靈堂內(nèi)的尸體忽然破棺而出咐旧,到底是詐尸還是另有隱情驶鹉,我是刑警寧澤,帶...
    沈念sama閱讀 35,430評論 5 343
  • 正文 年R本政府宣布铣墨,位于F島的核電站梁厉,受9級特大地震影響,放射性物質(zhì)發(fā)生泄漏踏兜。R本人自食惡果不足惜词顾,卻給世界環(huán)境...
    茶點(diǎn)故事閱讀 41,036評論 3 326
  • 文/蒙蒙 一、第九天 我趴在偏房一處隱蔽的房頂上張望碱妆。 院中可真熱鬧肉盹,春花似錦、人聲如沸疹尾。這莊子的主人今日做“春日...
    開封第一講書人閱讀 31,676評論 0 22
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽纳本。三九已至窍蓝,卻和暖如春,著一層夾襖步出監(jiān)牢的瞬間繁成,已是汗流浹背吓笙。 一陣腳步聲響...
    開封第一講書人閱讀 32,829評論 1 269
  • 我被黑心中介騙來泰國打工, 沒想到剛下飛機(jī)就差點(diǎn)兒被人妖公主榨干…… 1. 我叫王不留巾腕,地道東北人面睛。 一個月前我還...
    沈念sama閱讀 47,743評論 2 368
  • 正文 我出身青樓,卻偏偏與公主長得像尊搬,于是被迫代替她去往敵國和親叁鉴。 傳聞我的和親對象是個殘疾皇子,可洞房花燭夜當(dāng)晚...
    茶點(diǎn)故事閱讀 44,629評論 2 354

推薦閱讀更多精彩內(nèi)容