為了便於操作基本類型值,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());