JavaScript之基本包裝類型_ZenDei技術網路在線

為了能更好的操作基本類型值，JavaScript提供了3個特殊的引用類型：Boolean，Number和String。這些引用類型和傳統對象相似，有自己的屬性和方法，但也具備各自的特殊行為。一基本包裝類型簡介我們知道，基本類型的值是沒有屬性和方法的，不能被改變的。但是上面3個特殊的引用類型賦予 ...

為了能更好的操作基本類型值，JavaScript提供了3個特殊的引用類型：Boolean，Number和String。這些引用類型和傳統對象相似，有自己的屬性和方法，但也具備各自的特殊行為。

一基本包裝類型簡介

　　我們知道，基本類型的值是沒有屬性和方法的，不能被改變的。但是上面3個特殊的引用類型賦予了可以操作基本類型值的方法：

1 var str1 = "hello world"；
2 var str2 = str1.sunstring(5);

　　從上面代碼我們知道，str1是一個基本類型的字元串，但我們卻用它調用了一個方法，並把返回值賦值給了str2。照理說基本類型值是沒有方法的，那麼這個操作是怎麼實現的呢？

　　實際上JavaScript在讀取一個基本類型值時，後臺會有如下操作：

　　　　1，創建基本包裝類型（這裡是String類型）的一個實例。

　　　　2，在該實例上調用相關方法。

　　　　3，立即銷毀該實例。

　　所以實際上str1在調用方法時可以理解為執行瞭如下過程：

1 var s1 = new String(str1);
2 var str2 = s1.substring(5);
3 s1 = null;

　　註意：以上操作都是後臺完成，我們並不能察覺到它。

　　普通引用類型和基本包裝類型的主要區別在於對象的生存周期，使用new 操作符創建的對象在程式執行流離開當前作用域之前一直都存在於記憶體中，而後臺創建的基本包裝類型的對象只存在於一行代碼的執行瞬間，而後立即被銷毀了。這意味著我們可以為基本類型的值添加屬性和方法，但最終他們不會被保留。

1 var str = "hello";
2 str.name = "someText";
3 str.say = function(){
4    //some code;
5 };
6 console.log(str.name);//undefined
7 str.say();//TypeError: str.say is not a function

　　再看下麵的代碼：

1 var str = new String("hello");
2 typeof str;//"object"
3 console.log(str);//{0:"h",1:"e",2:"l",3:"l",4:"o",length:5}

　　可以看到，儘管可以顯式的創建基本包裝類型對象，但它完全背離了我們使用字元串類型來存儲文本信息的初衷，所以，如無特別必要，我們建議不要顯式的創建和使用它。

二 Boolean類型

Boolean類型是布爾值對應的引用類型。要創建Boolean對象可以像下麵這樣：

1 var BooleanObj = new Boolean(false);

但是有一個問題，請看下麵代碼：

1 var booleanObj = new Boolean(false);
2 var result = booleanObj && true；
3 console.log(result)；//true

雖然booleanObj的值是false，但它本身是一個對象，我們知道，在進行邏輯運算時會觸發隱式類型轉換，所有對象都被轉換為true，所以最終result的值為true。但這並不是我們希望的結果，所以在工作中最好不要使用Boolean對象。

三 Number類型

Number類型是數字對應的引用類型。可以顯式的創建數字對象，與Boolean類型一樣，如果是用new創建數字值，使用typeof檢測會返回“object”。

　　另外Number對象提供了兩個實用的方法：

　　 1， toFixed()

　　接受一個數字作為參數，表示需要保留幾位小數，返回字元串類型的數字。　

1 var num1 = 10.005;
2 console.log(num1.toFixed(2));//"10.01"

　　 2， toExponential()

　　接受一個數字作為參數，表示需要保留的小數位數，返回以指數形式表示的數字，也是字元串類型。

1 var num = 10;
2 console.log(num.toExponential(1));//”1.0e+1”

四 String類型

String類型是字元串包裝類型。也可以顯式的是用new創建字元串對象。

String類型的每一個實例都一個length屬性，表示該字元串包含多少個字元。

1 var str = new String(“hello”);
2 console.log(str.length);//5

String類型提供了下列常用方法：

　　1， charAt()和charCodeAt()—獲取某位置上的單個字元　　

1 var str = "hello world";
2 console.log(str.charAt(0));//"h",str的第一個字元
3 console.log(str.charAt(str.length - 1));//"d"，str的最後一個字元
4 console.log(str.charCodeAt(0));//104，str第一個字元的編碼
5 console.log(str.charCodeAt(str.length - 1));//100，str最後一個字元的編碼

　　2， concat()—拼接字元串

1 var str1 = "hello";
2 var str2 = "world";
3 console.log(str1.concat(str2));//"helloworld"
4 console.log(str2.concat(str1));//"worldhello"

　　3， substr()、substring()和slice()—複製字元串中的一部分

1 var str = "hello world";
2 console.log(str.substring(0,5));//"hello"
3 console.log(str.substring(0));//"hello world"
4 console.log(str.slice(6));//"world"
5 console.log(str.slice(4,7));//"o w"
6 console.log(str.substr(0,4));//"hello"
7 console.log(str.substr(0));//"hello world"

　　從上面的例子可以看出，substring()和slice()一樣，可以接受兩個參數，第一個參數是開始位置，第二個參數是結束位置，最終返回這兩個參數區間內的字元串（不包含結束位置）。substr()和他們有一點不同，第二個參數是需要截取的字元串個數，而不是結束位置的下標。他們還有一個共同點：如果不提供第二個參數，那麼他們都預設複製至末尾。

　　4， indexOf()和lastIndexOf()—查找子串在字元串中第一次出現的位置

1 var str = "hello world";
2 console.log(str.indexOf("l"));//2
3 console.log(str.lastIndexOf("l"));//9

　　indexOf()是從前往後查找，lastIndexOf則是從後往前查找。

　　5， toLowerCase()和toUpperCase()—大小寫轉換

1 var str = "hello WORLD";
2 console.log(str.toLowerCase());//"hello world"
3 console.log(str.toUpperCase());//"HELLO WORLD"

　　6， replace()—替換部分字元

1 var str = "hello world,hello world,hello world";
2 console.log(str.replace("world","bokeyuan"));//"hello bokeyuan,hello world,hello world"
3 console.log(str.replace(/world/g,"bokeyuan"));//"hello bokeyuan,hello bokeyuan,hello bokeyuan"

　　replace()接受兩個參數：第一個參數可以是字元串或正則表達式，表示被查找的子串。第二個參數可以是字元串或函數（有返回值），表示替換文本。函數接受3個參數，第一個是需要被替換的字元串，第二個是在字元串中出現的位子，第三個是被查找的字元串本身（str）。

　　7， split()--分割字元串

1 var str = "hello world";
2 console.log(str.split("l"));//["he", "", "o wor", "d"]

　　接受一個參數，把字元串中出現的該參數作為分界點，分割字元串，返回一個數組。

　　8，trim()--去除字元串首尾空白字元　　

1 var str = "   hello   ";
2 console.log(str.trim());//"hello"

　　9， fromCharCode() –-將字元編碼轉換成字元

1 var str = String.fromCharCode(65,66,67);
2 console.log(str);//"ABC"

　　fromCharCode()是String的一個靜態方法，所以它的調用和其他方法有點不一樣。它接受一個或多個數字，把他們當做字元編碼，並轉換成相應的字元。