JS 類型轉(zhuǎn)換常見方法小結(jié)
更新時(shí)間：2010年05月31日 20:19:59 作者：
JS 類型轉(zhuǎn)換常見方法小結(jié)，需要的朋友可以參考下。
一、類型轉(zhuǎn)換
1.轉(zhuǎn)換成字串
ECMAScript的Boolean值、數(shù)字和字串的原始值的有趣之處在于它們是偽對(duì)象，這意味著它們實(shí)際上具有屬性和方法。
如：
Js代碼
var sColor = "blue";
alert(sColor.length);//outputs "4"
var sColor = "blue";
alert(sColor.length);//outputs "4"
總而言之，3種主要的原始值Boolean值、數(shù)字和字串都有toString()方法。ECMAScript定義的所有對(duì)象都有toString()方法，無論它是偽對(duì)象，還是真的對(duì)象。
Boolean型的toString()方法只是輸出"true"或"false",結(jié)果由變量的值決定：
Js代碼
var bFound = false;
alert(bFound.toString());//outputs "false"
var bFound = false;
alert(bFound.toString());//outputs "false"
Number類型的toString()方法比較特殊，它有兩種模式，即默認(rèn)模式和基模式，采用默認(rèn)模式，toString()方法只是用相應(yīng)的字符串輸出數(shù)字值(無論是整數(shù)、浮點(diǎn)數(shù)還是科學(xué)記數(shù)法)。
Js代碼
var iNum1 = 10;
var fNum2 = 10.0;
alert(iNum1.toString()); //outputs "10"
alert(fNum2.toString()); //outputs "10"
var iNum1 = 10;
var fNum2 = 10.0;
alert(iNum1.toString()); //outputs "10"
alert(fNum2.toString()); //outputs "10"
采用Number類型的toString()方法的基模式，可以用不同的基(進(jìn)制基數(shù))輸出數(shù)字。
Js代碼
var iNum = 10;
alert(iNum.toString(2)); //outputs "1010"
alert(iNum.toString(8)); //outputs "12"
alert(iNum.toString(16)); //outputs "A"
var iNum = 10;
alert(iNum.toString(2)); //outputs "1010"
alert(iNum.toString(8)); //outputs "12"
alert(iNum.toString(16)); //outputs "A"
2.轉(zhuǎn)換成數(shù)字
ECMAScript提供了兩種把非數(shù)字的原始值轉(zhuǎn)換成數(shù)字的方法，即parseInt()和parseFloat()。
注意：只有對(duì)String類型(Number除外)調(diào)用這些方法，才能正確運(yùn)行對(duì)其他類型返回的都是NaN。
例如：
Js代碼
var iNum1 = parseInt("1234blue");//returns 1234
var iNum2 = parseInt("oxA"); //returns 10
var iNum3 = parseInt("22.5"); //returns 22
var iNum4 = parseInt("blue"); //returns NaN
var iNum1 = parseInt("1234blue");//returns 1234
var iNum2 = parseInt("oxA"); //returns 10
var iNum3 = parseInt("22.5"); //returns 22
var iNum4 = parseInt("blue"); //returns NaN
parseInt()方法還有基模式，可以把二進(jìn)制、八進(jìn)制、十六進(jìn)制或者其他任何進(jìn)制的字符串轉(zhuǎn)換成十進(jìn)制整數(shù)。第二個(gè)參數(shù)指定按哪一種進(jìn)制來解析。
Js代碼
var iNum1 = parseInt("AF",16);// returns 175
var iNum2 = parseInt("10",2); // returns 2
var iNum3 = parseInt("10",8); //returns 8
var iNum4 = parseInt("10",10); //returns 10
var iNum1 = parseInt("AF",16);// returns 175
var iNum2 = parseInt("10",2); // returns 2
var iNum3 = parseInt("10",8); //returns 8
var iNum4 = parseInt("10",10); //returns 10
說明：如果十進(jìn)制數(shù)包含前導(dǎo)0，那么最好采用基數(shù)10，否則得到的是八進(jìn)制的值。
Js代碼
var iNum1 = parseInt("010"); // returns 8
var iNum2 = parseInt("010",8); //returns 8
var iNum3 = parseInt("010",10);//returns 10
var iNum1 = parseInt("010"); // returns 8
var iNum2 = parseInt("010",8); //returns 8
var iNum3 = parseInt("010",10);//returns 10
parseFloat()方法與parseInt()方法的處理方式相似，從位置0開始查看每個(gè)字符，直到找到第一個(gè)非有效的字符為止，然后把該字符之前的字串轉(zhuǎn)換成數(shù)字。對(duì)于這個(gè)方法來說，第一個(gè)出現(xiàn)的小數(shù)點(diǎn)是有效字符。如果用兩個(gè)小數(shù)點(diǎn)，第二個(gè)小數(shù)點(diǎn)將被看作無效的。使用該方法的另一個(gè)不同之處在于，字串必須以十進(jìn)制形式表示浮點(diǎn)數(shù)。
Js代碼
var fNum1 = parseFloat("1234blue"); //returns 1234.0
var fNum2 = parseFloat("0xA"); //returns NaN
var fNum3 = parseFloat("22.5"); //returns 22.5
var fNum4 = parseFloat("22.34.5");//returns 22.34
var fNum5 = parseFloat("0908");//returns NaN
var fNum6 = parseFloat("blue");//returns NaN
var fNum1 = parseFloat("1234blue"); //returns 1234.0
var fNum2 = parseFloat("0xA"); //returns NaN
var fNum3 = parseFloat("22.5"); //returns 22.5
var fNum4 = parseFloat("22.34.5");//returns 22.34
var fNum5 = parseFloat("0908");//returns NaN
var fNum6 = parseFloat("blue");//returns NaN
3.強(qiáng)制類型轉(zhuǎn)換
ECMAScript中可用的3種強(qiáng)制類型轉(zhuǎn)換如下：
(1).Boolean(value)
把給定的值轉(zhuǎn)換成Boolean型。
當(dāng)要轉(zhuǎn)換的值是至少有一個(gè)字符的字符串、非0數(shù)字或?qū)ο髸r(shí)，Boolean()函數(shù)將返回true。如果該值是空字符串、數(shù)字0、undefined或null,它將返回false。
如：
Js代碼
var b1 = Boolean(""); // false;
var b2 = Boolean("hi");//true
var b3 = Boolean(100);//true
var b4 = Boolean(null);//false
var b5 = Boolean(0);//false
var b6 = Boolean(new Object());//true
var b1 = Boolean(""); // false;
var b2 = Boolean("hi");//true
var b3 = Boolean(100);//true
var b4 = Boolean(null);//false
var b5 = Boolean(0);//false
var b6 = Boolean(new Object());//true
(2).Number(value)
把給定的值轉(zhuǎn)換成數(shù)字（可以是整數(shù)或浮點(diǎn)數(shù)）。
還記得parseInt()和parseFloat()方法只轉(zhuǎn)換第一個(gè)無效字符之前的字符串，因此"4.5.6"將被轉(zhuǎn)換為"4.5"。用 Number()進(jìn)行強(qiáng)制類型轉(zhuǎn)換，"4.5.6"將返回NaN，因?yàn)檎麄€(gè)字符串值不能轉(zhuǎn)換成數(shù)字。如果字符串能被完整地轉(zhuǎn)換，Number()將判斷是調(diào)用parseInt()方法還是調(diào)用parseFloat()方法。
如：
Js代碼
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
Number(100);//100
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
Number(100);//100
(3).String(value)
把給定的值轉(zhuǎn)換成字串。
與調(diào)用toString()方法的唯一不同之處在于，對(duì)null或undefined值強(qiáng)制類型轉(zhuǎn)換可以生成字符串而不引發(fā)錯(cuò)誤：
Js代碼
var s1 = String(null);//"null"
var oNull = null;
var s2 = oNull.toString();//causes an error
1.轉(zhuǎn)換成字串
ECMAScript的Boolean值、數(shù)字和字串的原始值的有趣之處在于它們是偽對(duì)象，這意味著它們實(shí)際上具有屬性和方法。
如：
Js代碼
復(fù)制代碼 代碼如下:
var sColor = "blue";
alert(sColor.length);//outputs "4"
var sColor = "blue";
alert(sColor.length);//outputs "4"
總而言之，3種主要的原始值Boolean值、數(shù)字和字串都有toString()方法。ECMAScript定義的所有對(duì)象都有toString()方法，無論它是偽對(duì)象，還是真的對(duì)象。
Boolean型的toString()方法只是輸出"true"或"false",結(jié)果由變量的值決定：
Js代碼
復(fù)制代碼 代碼如下:
var bFound = false;
alert(bFound.toString());//outputs "false"
var bFound = false;
alert(bFound.toString());//outputs "false"
Number類型的toString()方法比較特殊，它有兩種模式，即默認(rèn)模式和基模式，采用默認(rèn)模式，toString()方法只是用相應(yīng)的字符串輸出數(shù)字值(無論是整數(shù)、浮點(diǎn)數(shù)還是科學(xué)記數(shù)法)。
Js代碼
復(fù)制代碼 代碼如下:
var iNum1 = 10;
var fNum2 = 10.0;
alert(iNum1.toString()); //outputs "10"
alert(fNum2.toString()); //outputs "10"
var iNum1 = 10;
var fNum2 = 10.0;
alert(iNum1.toString()); //outputs "10"
alert(fNum2.toString()); //outputs "10"
采用Number類型的toString()方法的基模式，可以用不同的基(進(jìn)制基數(shù))輸出數(shù)字。
Js代碼
復(fù)制代碼 代碼如下:
var iNum = 10;
alert(iNum.toString(2)); //outputs "1010"
alert(iNum.toString(8)); //outputs "12"
alert(iNum.toString(16)); //outputs "A"
var iNum = 10;
alert(iNum.toString(2)); //outputs "1010"
alert(iNum.toString(8)); //outputs "12"
alert(iNum.toString(16)); //outputs "A"
2.轉(zhuǎn)換成數(shù)字
ECMAScript提供了兩種把非數(shù)字的原始值轉(zhuǎn)換成數(shù)字的方法，即parseInt()和parseFloat()。
注意：只有對(duì)String類型(Number除外)調(diào)用這些方法，才能正確運(yùn)行對(duì)其他類型返回的都是NaN。
例如：
Js代碼
復(fù)制代碼 代碼如下:
var iNum1 = parseInt("1234blue");//returns 1234
var iNum2 = parseInt("oxA"); //returns 10
var iNum3 = parseInt("22.5"); //returns 22
var iNum4 = parseInt("blue"); //returns NaN
var iNum1 = parseInt("1234blue");//returns 1234
var iNum2 = parseInt("oxA"); //returns 10
var iNum3 = parseInt("22.5"); //returns 22
var iNum4 = parseInt("blue"); //returns NaN
parseInt()方法還有基模式，可以把二進(jìn)制、八進(jìn)制、十六進(jìn)制或者其他任何進(jìn)制的字符串轉(zhuǎn)換成十進(jìn)制整數(shù)。第二個(gè)參數(shù)指定按哪一種進(jìn)制來解析。
Js代碼
復(fù)制代碼 代碼如下:
var iNum1 = parseInt("AF",16);// returns 175
var iNum2 = parseInt("10",2); // returns 2
var iNum3 = parseInt("10",8); //returns 8
var iNum4 = parseInt("10",10); //returns 10
var iNum1 = parseInt("AF",16);// returns 175
var iNum2 = parseInt("10",2); // returns 2
var iNum3 = parseInt("10",8); //returns 8
var iNum4 = parseInt("10",10); //returns 10
說明：如果十進(jìn)制數(shù)包含前導(dǎo)0，那么最好采用基數(shù)10，否則得到的是八進(jìn)制的值。
Js代碼
復(fù)制代碼 代碼如下:
var iNum1 = parseInt("010"); // returns 8
var iNum2 = parseInt("010",8); //returns 8
var iNum3 = parseInt("010",10);//returns 10
var iNum1 = parseInt("010"); // returns 8
var iNum2 = parseInt("010",8); //returns 8
var iNum3 = parseInt("010",10);//returns 10
parseFloat()方法與parseInt()方法的處理方式相似，從位置0開始查看每個(gè)字符，直到找到第一個(gè)非有效的字符為止，然后把該字符之前的字串轉(zhuǎn)換成數(shù)字。對(duì)于這個(gè)方法來說，第一個(gè)出現(xiàn)的小數(shù)點(diǎn)是有效字符。如果用兩個(gè)小數(shù)點(diǎn)，第二個(gè)小數(shù)點(diǎn)將被看作無效的。使用該方法的另一個(gè)不同之處在于，字串必須以十進(jìn)制形式表示浮點(diǎn)數(shù)。
Js代碼
復(fù)制代碼 代碼如下:
var fNum1 = parseFloat("1234blue"); //returns 1234.0
var fNum2 = parseFloat("0xA"); //returns NaN
var fNum3 = parseFloat("22.5"); //returns 22.5
var fNum4 = parseFloat("22.34.5");//returns 22.34
var fNum5 = parseFloat("0908");//returns NaN
var fNum6 = parseFloat("blue");//returns NaN
var fNum1 = parseFloat("1234blue"); //returns 1234.0
var fNum2 = parseFloat("0xA"); //returns NaN
var fNum3 = parseFloat("22.5"); //returns 22.5
var fNum4 = parseFloat("22.34.5");//returns 22.34
var fNum5 = parseFloat("0908");//returns NaN
var fNum6 = parseFloat("blue");//returns NaN
3.強(qiáng)制類型轉(zhuǎn)換
ECMAScript中可用的3種強(qiáng)制類型轉(zhuǎn)換如下：
(1).Boolean(value)
把給定的值轉(zhuǎn)換成Boolean型。
當(dāng)要轉(zhuǎn)換的值是至少有一個(gè)字符的字符串、非0數(shù)字或?qū)ο髸r(shí)，Boolean()函數(shù)將返回true。如果該值是空字符串、數(shù)字0、undefined或null,它將返回false。
如：
Js代碼
復(fù)制代碼 代碼如下:
var b1 = Boolean(""); // false;
var b2 = Boolean("hi");//true
var b3 = Boolean(100);//true
var b4 = Boolean(null);//false
var b5 = Boolean(0);//false
var b6 = Boolean(new Object());//true
var b1 = Boolean(""); // false;
var b2 = Boolean("hi");//true
var b3 = Boolean(100);//true
var b4 = Boolean(null);//false
var b5 = Boolean(0);//false
var b6 = Boolean(new Object());//true
(2).Number(value)
把給定的值轉(zhuǎn)換成數(shù)字（可以是整數(shù)或浮點(diǎn)數(shù)）。
還記得parseInt()和parseFloat()方法只轉(zhuǎn)換第一個(gè)無效字符之前的字符串，因此"4.5.6"將被轉(zhuǎn)換為"4.5"。用 Number()進(jìn)行強(qiáng)制類型轉(zhuǎn)換，"4.5.6"將返回NaN，因?yàn)檎麄€(gè)字符串值不能轉(zhuǎn)換成數(shù)字。如果字符串能被完整地轉(zhuǎn)換，Number()將判斷是調(diào)用parseInt()方法還是調(diào)用parseFloat()方法。
如：
Js代碼
復(fù)制代碼 代碼如下:
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
Number(100);//100
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
Number(100);//100
(3).String(value)
把給定的值轉(zhuǎn)換成字串。
與調(diào)用toString()方法的唯一不同之處在于，對(duì)null或undefined值強(qiáng)制類型轉(zhuǎn)換可以生成字符串而不引發(fā)錯(cuò)誤：
Js代碼
復(fù)制代碼 代碼如下:
var s1 = String(null);//"null"
var oNull = null;
var s2 = oNull.toString();//causes an error
相關(guān)文章
ES6字符串模板，剩余參數(shù)，默認(rèn)參數(shù)功能與用法示例
這篇文章主要介紹了ES6字符串模板，剩余參數(shù)，默認(rèn)參數(shù)功能與用法,結(jié)合具體實(shí)例形式分析了ECMAScript6中的6字符串模板，剩余參數(shù)，默認(rèn)參數(shù)的概念、作用、使用方法與相關(guān)注意事項(xiàng),需要的朋友可以參考下2017-04-04
JS 有趣的eval優(yōu)化輸入驗(yàn)證實(shí)例代碼
這篇文章介紹了eval優(yōu)化輸入驗(yàn)證實(shí)例代碼，有需要的朋友可以參考一下2013-09-09
postcss-pxtorem實(shí)現(xiàn)頁(yè)面自適應(yīng)的原理解析
postcss-pxtorem是一個(gè)PostCSS插件,用于將CSS中的像素值轉(zhuǎn)換為rem單位,以實(shí)現(xiàn)響應(yīng)式布局和適配不同屏幕尺寸的需求,本文給大家介紹postcss-pxtorem實(shí)現(xiàn)頁(yè)面自適應(yīng)的原理解析,感興趣的朋友一起看看吧2023-12-12
這篇文章主要介紹了js實(shí)現(xiàn)的彩色方塊飛舞奇幻效果,涉及JavaScript響應(yīng)鼠標(biāo)事件動(dòng)態(tài)操作頁(yè)面元素樣式的相關(guān)技巧,需要的朋友可以參考下2016-01-01
JavaScript使用readAsDataURL讀取圖像文件
這篇文章主要為大家詳細(xì)介紹了JavaScript使用readAsDataURL讀取圖像文件的方法，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2017-05-05
下面小編就為大家?guī)硪黄狫S中多種方式創(chuàng)建對(duì)象詳解。小編覺得挺不錯(cuò)的。現(xiàn)在分享給大家，給大家一個(gè)參考。一起跟隨小編過來看看吧2016-03-03
JavaScript 處理樹數(shù)據(jù)結(jié)構(gòu)的方法示例
這篇文章主要介紹了JavaScript 處理樹數(shù)據(jù)結(jié)構(gòu)的方法示例，小編覺得挺不錯(cuò)的，現(xiàn)在分享給大家，也給大家做個(gè)參考。一起跟隨小編過來看看吧2019-06-06
這篇文章主要介紹了基于JS判斷對(duì)象是否是數(shù)組,文中通過示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友可以參考下2020-01-01
JS中的.length屬性和.size()方法的區(qū)別
length是js原生屬性,size()是jQuery方法,如果你只是想獲取元素的個(gè)數(shù),兩者效果一樣既.length和.size()獲取的值是一樣的2024-08-08
在寫JS跳轉(zhuǎn)語(yǔ)句的過程中，發(fā)現(xiàn)這么一個(gè)問題，location.href語(yǔ)句與火狐不兼容的問題2010-07-07