js類型轉(zhuǎn)換與引用類型詳解(Boolean_Number_String)_javascript技巧

1.轉(zhuǎn)換成字串
ECMAScript的Boolean值、數(shù)字和字串的原始值的有趣之處在于它們是偽對(duì)象，這意味著它們實(shí)際上具有屬性和方法。
如：
代碼如下:
var sColor = "blue";
alert(sColor.length);//outputs "4"

總而言之，3種主要的原始值Boolean值、數(shù)字和字串都有toString()方法。ECMAScript定義的所有對(duì)象都有toString()方法，無論它是偽對(duì)象，還是真的對(duì)象。

Boolean型的toString()方法只是輸出"true"或"false",結(jié)果由變量的值決定：
代碼如下:
var bFound = false;
alert(bFound.toString());//outputs "false"

Number類型的toString()方法比較特殊，它有兩種模式，即默認(rèn)模式和基模式，采用默認(rèn)模式，toString()方法只是用相應(yīng)的字符串輸出數(shù)字值(無論是整數(shù)、浮點(diǎn)數(shù)還是科學(xué)記數(shù)法)。
代碼如下:
var iNum1 = 10;
var fNum2 = 10.0;
alert(iNum1.toString()); //outputs "10"
alert(fNum2.toString()); //outputs "10"

采用Number類型的toString()方法的基模式，可以用不同的基(進(jìn)制基數(shù))輸出數(shù)字。
代碼如下:
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。

例如：
代碼如下:
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)制來解析。
代碼如下:
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)制的值。
代碼如下:
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ù)。
代碼如下:
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。
如：
代碼如下:
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()方法。
如：
代碼如下:
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ò)誤：
代碼如下:
var s1 = String(null);//"null"
var oNull = null;
var s2 = oNull.toString();//causes an error

二、引用類型
引用類型通常叫作類（class）,也就是說，遇到引用值時(shí)，所處理的就是對(duì)象。ECMAScript定義了“對(duì)象定義”，邏輯上等價(jià)于其他程序設(shè)計(jì)語言中的類。

1.Object類
ECMAScript中的所有類都由這個(gè)類繼承而來，Object類中的所有屬性和方法都會(huì)出現(xiàn)在其他類中(被覆蓋)。

Object類的屬性：

(1).Constructor----對(duì)創(chuàng)建對(duì)象的函數(shù)的引用(指針)。對(duì)于Object類，該指針指向原始的object()函數(shù)。

(2).Prototype----對(duì)該對(duì)象的對(duì)象原型的引用。對(duì)于所有的類，它默認(rèn)返回Object對(duì)象的一個(gè)實(shí)例。

Object類的方法：

(1).HasOwnProperty(property)----判斷對(duì)象是否有某個(gè)特定的屬性。必須用字符串指定該屬性（例如：o.hasOwnProperty("name")）。

(2).IsPrototypeOf(object)----判斷該對(duì)象是否為另一個(gè)對(duì)象的原型。

(3).PropertyIsEnumerable(property)----判斷給定的屬性是否可以用for..in語句進(jìn)行枚舉。

(4).ToString()----返回對(duì)象的原始字符串表示。不同的ECMAScript實(shí)現(xiàn)具有不同的值。

(5).ValueOf()----返回最適合該對(duì)象的原始值。對(duì)于許多類，該方法返回的值都與toString()的返回值相同。

2.Boolean類
在ECMAScript中很少使用Boolean對(duì)象，即使使用，也不易理解。
例如：
代碼如下:
var oFalseObject = new Boolean(false);
var bResult = oFalseObject && true;//outputs true;

原因：在Boolean表達(dá)式中，所有對(duì)象都會(huì)被自動(dòng)轉(zhuǎn)換為true。

3.Number類
Number.MAX_VALUE等等特殊值都Number類的靜態(tài)屬性。要得到數(shù)字對(duì)象的Number原始值，只需要使用valueOf()方法:
var iNumber = oNumberObject.valueOf();
除從Object類繼承的標(biāo)準(zhǔn)方法外，Number類還有幾個(gè)處理數(shù)值的專用方法。

toFixed()方法:
返回的是具有指定位數(shù)小數(shù)的數(shù)字的字符串表示。方法能表示具有0到20位小數(shù)的數(shù)字，超出這個(gè)范圍的值會(huì)引發(fā)錯(cuò)誤。
如：
代碼如下:
var oNumberObject = new Number(99);
aler(oNumberObject.toFixed(2));//outputs "99.00"

toExponential()方法：
返回的是用科學(xué)記數(shù)法表示的數(shù)字的字符串形式。該方法也有一個(gè)參數(shù)，指定要輸出的小數(shù)的位數(shù)。例如：
代碼如下:
var oNumberObj = new Number(99);
alert(oNumberObj.toExponential(1));//outputs "9.9e+1"

toPrecision()方法：
根據(jù)最有意義的形式來返回?cái)?shù)字的預(yù)定形式或指數(shù)形式。它有一個(gè)參數(shù)，即用于表示數(shù)的數(shù)字總數(shù)（不包括指數(shù)）。
代碼如下:
var oNumberObj = new Number(99);
alert(oNumberObj.toPrecision(1));//outputs "1e+2" ==100

可以看出，toPrecision()方法會(huì)對(duì)數(shù)進(jìn)行舍入，從而得到盡可能接近真實(shí)值的數(shù)。
如：
代碼如下:
var oNumberObj = new Number(99);
alert(oNumberObj.toPrecision(2));// outputs "99"
alert(oNumberObj.toPrecision(3));// outputs "99.0"

toFixed()、toExponential()和toPrecision()方法都會(huì)進(jìn)行舍入操作，以便用正確的小數(shù)位數(shù)正確地表示一個(gè)數(shù)。

toLocaleString()方法:
可以在頁面上格式顯示，如5210.50顯示為5,210.50，但是如果在使用其值時(shí)，應(yīng)該用parseFloat($("N_YJJE").value.replace(//,/g, ""));的形式替換掉逗號(hào)，后得到其值。

注意：與Boolean對(duì)象相似，Number對(duì)象也很重要，不過應(yīng)該少用這種對(duì)象，以避免發(fā)生潛在的問題。只要可能，都使用數(shù)字的原始表示法。

4.String類
String對(duì)象的valueOf()方法和toString()方法都會(huì)返回String型的原始值：
代碼如下:
alert(oStringObj.valueOf() == oStringObj.toString());//outputs "true"

String類具有屬性length,它是字符串的字符個(gè)數(shù)：
代碼如下:
var oStringObj = new String("hello world");
alert(oStringObj.length);outputs "11"

注意：即使字符串包含雙字節(jié)的字符，每個(gè)字符也只算一個(gè)字符。

charAt()方法：
返回的是包含指定位置處的字符的字符串：
代碼如下:
var oStringObj = new String("hello world");
alert(oStringObj.charAt(1));outputs "e"

charCodeAt()方法：
返回的是包含指定位置處的字符代碼的字符串：
代碼如下:
var oStringObj = new String("hello world");
alert(oStringObj.charCodeAt(1));outputs "101"

concat()方法：
用于把一個(gè)或多個(gè)字符串連接到String對(duì)象的原始值上。原String對(duì)象不變。
代碼如下:
var oStringObj = new String("hello ");
var sResult = oStringObj.concat("world");//oStringObj+"world";更常見
alert(sResult);//outputs "hello world"
alert(oStringObj);//outputs "hello"

indexOf()和lastIndexOf()方法返回的都是指定的子串在另一個(gè)字符串中的位置（或-1，如果沒有找到這個(gè)子串）。這兩個(gè)方法的不同之處大于，indexOf()是從字串的開頭（位置0）開始檢索子串，而lastIndexOf()則是從字串的結(jié)尾開始檢索子串的。

localeCompare()，對(duì)字符串進(jìn)行比較(按照字母順序比較，越后越大)。該方法有一個(gè)參數(shù)－－要進(jìn)行比較的字符串，返回的是下列3個(gè)值之一：
1.如果String對(duì)象按照字母順序排在參數(shù)中的字符串之前，返回負(fù)數(shù)（最常見的是-1，不過真正的返回由實(shí)現(xiàn)決定的）。
2.如果String對(duì)象等于參數(shù)中的字符串，返回0。
3.如果String對(duì)象按照字母順序排在參數(shù)中的字符串之后，返回正數(shù)（最常見的是1，不過真正的返回由實(shí)現(xiàn)決定的）

slice()和substring()方法：
這兩個(gè)方法返回的都是要處理的字符串的子串，都接受一個(gè)或兩個(gè)參數(shù)。第一個(gè)參數(shù)是要獲取的子串的起始位置，第二個(gè)參數(shù)是要獲取子串終止前的位置（終止位置處的字符不包括大返回的值內(nèi)）。如果省略第二個(gè)參數(shù)，終止位就默認(rèn)為字符串的長(zhǎng)度。這兩個(gè)方法都不改變String對(duì)象自身的值。
代碼如下:
var oStringObj = new String("hello world");
alert(oStringObj.slice(3));//outputs "lo world"
alert(oStringObj.slice(3,7));//outputs "lo w"

注意：對(duì)于負(fù)數(shù)參數(shù)，slice()方法會(huì)用字符串的長(zhǎng)度加上參數(shù)，substring()方法則將其作為0處理（也就是說將忽略它）。
代碼如下:
var oStringObj = new String("hello world");
alert(oStringObj.slice(-3));//outputs "rld"相當(dāng)于反向取
alert(oStringObj.substring(-3));//outputs "hello world"
alert(oStringObj.slice(3,-4));//outputs "lo w"
alert(oStringObj.substring(3,-4));//outputs "hel" substring()總是把較小的數(shù)字作為起始位，較大的數(shù)字作為終止位。

toLowerCase()、toLocalLowerCase()、toUpperCase()和toLocaleUpperCase():
前兩種方法把字符串轉(zhuǎn)換成全小寫的，后兩種方法用于把字符串轉(zhuǎn)換成全大寫的。toLocalLowerCase()和toLocaleUpperCase()方法是基于特定區(qū)域?qū)崿F(xiàn)的。

記?。篠tring類的所有屬性和方法都可應(yīng)用于String原始值上，因?yàn)樗鼈兪莻螌?duì)象。

5.instanceof運(yùn)算符
在使用typeof運(yùn)算符時(shí)采用引用類型存儲(chǔ)值會(huì)出現(xiàn)一個(gè)問題，無論引用的是什么類型的對(duì)象，它都返回"object"。instanceof方法要示開發(fā)者明確地確認(rèn)對(duì)象為某特定類型。如:
代碼如下:
var oStrObj = new String("hello world");
alert(oStrObj instanceof String);//outputs "true"

聲明：本網(wǎng)頁內(nèi)容旨在傳播知識(shí)，若有侵權(quán)等問題請(qǐng)及時(shí)與本網(wǎng)聯(lián)系，我們將在第一時(shí)間刪除處理。TEL:177 7030 7066 E-MAIL:11247931@qq.com