[轉]js之類型轉換與引用類型(Boolean/Number/String)

1、類型轉換 

1.轉換成字串 

ECMAScript的Boolean值、數字和字串的原始值的有趣之處在於它們是僞對象，這意味着它們實際上具備屬性和方法。 
如： 

var sColor = "blue";
alert(sColor.length);//outputs "4"

總而言之，3種主要的原始值Boolean值、數字和字串都有toString()方法。ECMAScript定義的全部對象都有toString()方法，不管它是僞對象，仍是真的對象。 

Boolean型的toString()方法只是輸出"true"或"false",結果由變量的值決定： 

var bFound = false;
alert(bFound.toString());//outputs "false"

Number類型的toString()方法比較特殊，它有兩種模式，即 默認模式 和 基模式 ，採用默認模式，toString()方法只是用相應的字符串輸出數字值(不管是整數、浮點數仍是科學記數法)。 

var iNum1 = 10;
var fNum2 = 10.0;
alert(iNum1.toString()); //outputs "10"
alert(fNum2.toString()); //outputs "10"

採用Number類型的toString()方法的基模式，能夠用不一樣的基(進制基數)輸出數字。 

var iNum = 10;
alert(iNum.toString(2));  //outputs "1010"
alert(iNum.toString(8));  //outputs "12"
alert(iNum.toString(16)); //outputs "A"

2.轉換成數字 

ECMAScript提供了兩種把非數字的原始值轉換成數字的方法，即 parseInt() 和 parseFloat() 。 
注意：只有對String類型(Number除外)調用這些方法，才能正確運行對其餘類型返回的都是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()方法還有基模式，能夠把二進制、八進制、十六進制或者其餘任何進制的字符串轉換成十進制整數。第二個參數指定按哪種進制來解析。 

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

說明：若是十進制數包含前導0，那麼最好採用基數10，不然獲得的是八進制的值。 

var iNum1 = parseInt("010");  // returns 8
var iNum2 = parseInt("010",8); //returns 8
var iNum3 = parseInt("010",10);//returns 10

parseFloat()方法與parseInt()方法的處理方式類似，從位置0開始查看每一個字符，直到找到第一個非有效的字符爲止，而後把該字符以前的字串轉換成數字。對於這個方法來講，第一個出現的小數點是有效字符。若是用兩個小數點，第二個小數點將被看做無效的。使用該方法的另外一個不一樣之處在於，字串必須以十進制形式表示浮點數。 

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.強制類型轉換 
ECMAScript中可用的3種強制類型轉換以下： 
(1).Boolean(value) 
把給定的值轉換成Boolean型。 
當要轉換的值是至少有一個字符的字符串、非0數字或對象時，Boolean()函數將返回true。若是該值是空字符串、數字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) 
把給定的值轉換成數字（能夠是整數或浮點數）。 
還記得parseInt()和parseFloat()方法只轉換第一個無效字符以前的字符串，所以"4.5.6"將被轉換爲"4.5"。用Number()進行強制類型轉換，"4.5.6"將返回NaN，由於整個字符串值不能轉換成數字。若是字符串能被完整地轉換，Number()將判斷是調用parseInt()方法仍是調用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) 
把給定的值轉換成字串。 
與調用toString()方法的惟一不一樣之處在於，對null或undefined值強制類型轉換能夠生成字符串而不引起錯誤： 

var s1 = String(null);//"null"
var oNull = null;
var s2 = oNull.toString();//causes an error

2、引用類型 
引用類型一般叫做類（class）,也就是說，遇到引用值時，所處理的就是對象。ECMAScript定義了「對象定義」，邏輯上等價於其餘程序設計語言中的類。 

1.Object類 
ECMAScript中的全部類都由這個類繼承而來，Object類中的全部屬性和方法都會出如今其餘類中(被覆蓋)。 

Object類的屬性： 

(1).Constructor----對建立對象的函數的引用(指針)。對於Object類，該指針指向原始的object()函數。 

(2).Prototype----對該對象的對象原型的引用。對於全部的類，它默認返回Object對象的一個實例。 

Object類的方法： 

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

(2).IsPrototypeOf(object)----判斷該對象是否爲另外一個對象的原型。 

(3).PropertyIsEnumerable(property)----判斷給定的屬性是否能夠用for..in語句進行枚舉。 

(4).ToString()----返回對象的原始字符串表示。不一樣的ECMAScript實現具備不一樣的值。 

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

2.Boolean類 

在ECMAScript中不多使用Boolean對象，即便使用，也不易理解。 
例如： 

var oFalseObject  = new Boolean(false);
var bResult = oFalseObject  && true;//outputs  true;

緣由：在Boolean表達式中，全部對象都會被自動轉換爲true。 

3.Number類 

Number.MAX_VALUE 等等特殊值都Number類的靜態屬性。要獲得數字對象的Number原始值，只須要使用valueOf()方法: 
var iNumber = oNumberObject.valueOf(); 
除從Object類繼承的標準方法外，Number類還有幾個處理數值的專用方法。 

toFixed() 方法: 
返回的是具備指定位數小數的數字的字符串表示。方法能表示具備0到20位小數的數字，超出這個範圍的值會引起錯誤。 
如： 

var oNumberObject = new Number(99);
aler(oNumberObject.toFixed(2));//outputs "99.00"

toExponential() 方法： 
返回的是用科學記數法表示的數字的字符串形式。該方法也有一個參數，指定要輸出的小數的位數。例如： 

var oNumberObj = new Number(99);
alert(oNumberObj.toExponential(1));//outputs "9.9e+1"

toPrecision() 方法： 
根據最有意義的形式來返回數字的預約形式或指數形式。它有一個參數，即用於表示數的數字總數（不包括指數）。 

var oNumberObj = new Number(99);
alert(oNumberObj.toPrecision(1));//outputs "1e+2" ==100

能夠看出，toPrecision()方法會對數進行舍入，從而獲得儘量接近真實值的數。 
如： 

var oNumberObj = new Number(99);
alert(oNumberObj.toPrecision(2));// outputs "99"
alert(oNumberObj.toPrecision(3));// outputs "99.0"

toFixed()、toExponential()和toPrecision() 方法都會進行舍入操做，以便用正確的小數位數正確地表示一個數。 

toLocaleString() 方法: 
能夠在頁面上格式顯示，如5210.50顯示爲5,210.50，可是若是在使用其值時，應該用parseFloat($("N_YJJE").value.replace(/\,/g, ""));的形式替換掉逗號，後獲得其值。 

注意：與Boolean對象類似，Number對象也很重要，不過應該少用這種對象，以免發生潛在的問題。只要可能，都使用數字的原始表示法。 

4.String類 

String對象的valueOf()方法和toString()方法都會返回String型的原始值： 

alert(oStringObj.valueOf() == oStringObj.toString());//outputs "true"

String類具備屬性length,它是字符串的字符個數： 

var oStringObj = new String("hello world");
alert(oStringObj.length);outputs "11"

注意：即便字符串包含雙字節的字符，每一個字符也只算一個字符。 

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() 方法： 
用於把一個或多個字符串鏈接到String對象的原始值上。原String對象不變。 

var oStringObj = new String("hello ");
var sResult = oStringObj.concat("world");//oStringObj+"world";更常見
alert(sResult);//outputs "hello world"
alert(oStringObj);//outputs "hello"

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

localeCompare()， 對字符串進行比較(按照字母順序比較，越後越大)。該方法有一個參數－－要進行比較的字符串，返回的是下列3個值之一： 
1.若是String對象按照字母順序排在參數中的字符串以前，返回負數（最多見的是-1，不過真正的返回由實現決定的）。 
2.若是String對象等於參數中的字符串，返回0。 
3.若是String對象按照字母順序排在參數中的字符串以後，返回正數（最多見的是1，不過真正的返回由實現決定的） 

slice()和substring() 方法： 
這兩個方法返回的都是要處理的字符串的子串，都接受一個或兩個參數。第一個參數是要獲取的子串的起始位置，第二個參數是要獲取子串終止前的位置（終止位置處的字符不包括大返回的值內）。若是省略第二個參數，終止位就默認爲字符串的長度。這兩個方法都不改變String對象自身的值。 

var oStringObj = new String("hello world");
alert(oStringObj.slice(3));//outputs "lo world"
alert(oStringObj.slice(3,7));//outputs "lo w"

注意：對於負數參數，slice()方法會用字符串的長度加上參數，substring()方法則將其做爲0處理（也就是說將忽略它）。 

var oStringObj = new String("hello world");
alert(oStringObj.slice(-3));//outputs "rld"至關於反向取
alert(oStringObj.substring(-3));//outputs "hello world"
alert(oStringObj.slice(3,-4));//outputs "lo w"
alert(oStringObj.substring(3,-4));//outputs "hel" substring()老是把較小的數字做爲起始位，較大的數字做爲終止位。

toLowerCase()、toLocalLowerCase()、toUpperCase()和toLocaleUpperCase():  
前兩種方法把字符串轉換成全小寫的，後兩種方法用於把字符串轉換成全大寫的。toLocalLowerCase()和toLocaleUpperCase()方法是基於特定區域實現的。 

記住：String類的全部屬性和方法均可應用於String原始值上，由於它們是僞對象。 

match() :找到一個或多個正則表達式的匹配。 

'My name is CJ.Hello everyone!'.match(/[A-Z]/g);//M,C,J,H

replace(): 替換與正則表達式匹配的子串。 
search(): 檢索與正則表達式相匹配的值。 

'Age is 18.Golden'.search(/\d+/);//7

split(): 把字符串分割爲字符串數組。 

5.instanceof運算符 

在使用typeof運算符時採用引用類型存儲值會出現一個問題，不管引用的是什麼類型的對象，它都返回"object"。instanceof方法要示開發者明確地確認對象爲某特定類型。如: 

var oStrObj = new String("hello world");
alert(oStrObj instanceof String);//outputs "true"