為了便於操作基本類型值，ECMAScript 提供了 3 個特殊的引用類型：Boolean、Number和 String。這些類型與其他引用類型相似，但同時也具有與各自的基本類型相應的特殊行為。實際上，每當讀取一個基本類型值的時候，後台就會創建一個對應的基本包裝類型的對象，從而能夠調用一些方法來操作這些數據。
一．基本包裝類型概述
1
2
3
var box = 'Mr. Lee';//定義一個字符串
var box2 = box.substring(2);//截掉字符串前兩位
alert(box2);//輸出新字符串
變量 box 是一個字符串類型，而 box.substring(2)又說明它是一個對象(PS：只有對象才會調用方法)，最後把處理結果賦值給 box2。'Mr. Lee'是一個字符串類型的值，按道理它不應該是對象，不應該會有自己的方法，比如：
alert('Mr. Lee'.substring(2));//直接通過值來調用方法
1.字面量寫法：
1
2
3
4
5
6
7
8
9
10
var box = 'Mr. Lee';//字面量
box.name = 'Lee';//無效屬性
box.age = function () {//無效方法
return 100;
};
alert(box);//Mr. Lee
alert(box.substring(2));//. Lee
alert(typeof box);//string
alert(box.name);//undefined
alert(box.age());//錯誤
2.new 運算符寫法：
1
2
3
4
5
6
7
8
9
10
var box = new String('Mr. Lee');//new 運算符
box.name = 'Lee';//有效屬性
box.age = function () {//有效方法
return 100;
};
alert(box);//Mr. Lee
alert(box.substring(2));//. Lee
alert(typeof box);//object
alert(box.name);//Lee
alert(box.age());//100
以上字面量聲明和 new 運算符聲明很好的展示了他們之間的區別。但有一定還是可以肯定的，那就是不管字面量形式還是 new 運算符形式，都可以使用它的內置方法。並且Boolean 和 Number 特性與 String 相同，三種類型可以成為基本包裝類型。
PS：在使用 new 運算符創建以上三種類型的對象時，可以給自己添加屬性和方法，但我們建議不要這樣使用，因為這樣會導致根本分不清到底是基本類型值還是引用類型值。
二．Boolean 類型
Boolean 類型沒有特定的屬性或者方法。
三．Number 類型
Number 類型有一些靜態屬性(直接通過 Number 調用的屬性，而無須 new 運算符)和方法。
Number 靜態屬性
Number 對象的方法
?
1
2
3
4
5
6
var box = 1000.789;
alert(box.toString());//轉換為字符串，傳參可以轉換進制
alert(box.toLocaleString());//本地形式，1,000.789
alert(box.toFixed(2));//小數點保留，1000.78
alert(box.toExponential());//指數形式，傳參會保留小數點
alert(box.toPrecision(3));//指數或點形式，傳參保留小數點
四．String 類型
String 類型包含了三個屬性和大量的可用內置方法。
String 對象屬性
String 也包含對象的通用方法，比如 valueOf()、toLocaleString()和 toString()方法，但這些方法都返回字符串的基本值。
字符方法
1
2
3
4
var box = 'Mr.Lee';
alert(box.charAt(1));//r
alert(box.charCodeAt(1));//114
alert(box[1]);//r，通過數組方式截取
PS：box[1]在 IE 浏覽器會顯示 undefined，所以使用時要慎重。
字符串操作方法
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
var box = 'Mr.Lee';
alert(box.concat(' is ', ' Teacher ', '!'));//Mr.Lee is Teacher !
alert(box.slice(3));//Lee
alert(box.slice(3,5));//Le
alert(box.substring(3));//Lee
alert(box.substring(3,5));//Le
alert(box.substr(3));//Lee
alert(box.substr(3,5));//Lee
var box = 'Mr.Lee';
alert(box.slice(-3));//Lee，6+(-3)=3 位開始
alert(box.substring(-3));//Mr.Lee 負數返回全部
alert(box.substr(-3));//Lee，6+(-3)=3 位開始
var box = 'Mr.Lee';
alert(box.slice(3, -1));//Le 6+(-1)=5, (3,5)
alert(box.substring(3, -1));//Mr. 第二參為負，直接轉 0，並且方法會把較小的數字提前，(0,3)
alert(box.substr(3, -1));//'' 第二參數為負，直接轉 0 ，(3,0)
PS：IE 的 JavaScript 實現在處理向 substr()方法傳遞負值的情況下存在問題，它會返回原始字符串，使用時要切記。
字符串位置方法
1
2
3
4
5
var box = 'Mr.Lee is Lee';
alert(box.indexOf('L'));//3
alert(box.indexOf('L', 5));//10
alert(box.lastIndexOf('L'));//10
alert(box.lastIndexOf('L', 5));//3，從指定的位置向前搜索
PS：如果沒有找到想要的字符串，則返回-1。
示例：找出全部的 L。
1
2
3
4
5
6
7
8
var box = 'Mr.Lee is Lee';//包含兩個 L 的字符串
var boxarr = [];//存放 L 位置的數組
var pos = box.indexOf('L');//先獲取第一個 L 的位置
while (pos > -1) {//如果位置大於-1，說明還存在 L
boxarr.push(pos);//添加到數組
pos = box.indexOf('L', pos + 1);//從新賦值 pos 目前的位置
}
alert(boxarr);//輸出
大小寫轉換方法
1
2
3
4
5
var box = 'Mr.Lee is Lee';
alert(box.toLowerCase());
