基本包裝類(lèi)型
為了便于操作基本類(lèi)型值,ECMAScript還提供了3個(gè)特殊的引用類(lèi)型:Boolean迅栅,Number诫尽,String慈省。這些類(lèi)型與其它引用類(lèi)型相似,但同時(shí)也具有與各自的基本類(lèi)型相應(yīng)的特殊行為略板。
實(shí)際上毁枯, 每當(dāng)讀取一個(gè)基本類(lèi)型值得時(shí)候,后臺(tái)就會(huì)創(chuàng)建一個(gè)對(duì)應(yīng)的基本包裝類(lèi)型的對(duì)象叮称,從而能夠調(diào)用一些方法來(lái)操作這些數(shù)據(jù)种玛。
var s1 = "some text";
var s2 = s1.substring(2);
s1保護(hù)一個(gè)字符串藐鹤,字符串是基本類(lèi)型值,基本類(lèi)型值不是對(duì)象蒂誉,從邏輯上講不應(yīng)該有方法教藻,當(dāng)訪問(wèn)s1時(shí),訪問(wèn)過(guò)程處于一種讀取模式右锨,也就是要從內(nèi)存中讀取這個(gè)字符串的值括堤。在獨(dú)缺模式中訪問(wèn)字符串時(shí),后臺(tái)都會(huì)自動(dòng)完成下列處理绍移。
(1) 創(chuàng)建String類(lèi)型的一個(gè)實(shí)例悄窃;
(2) 在實(shí)例上調(diào)用指定的方法;
(3) 銷(xiāo)毀這個(gè)實(shí)例蹂窖。
var s1 =new String(some text);
var s2 = s1.substring(2);
s1 = null;
上面三個(gè)步驟也適用于Bollean和Number類(lèi)型對(duì)應(yīng)的布爾值和數(shù)字值轧抗。
引用類(lèi)型與基本包裝類(lèi)型的主要區(qū)別就是對(duì)象的生存期。使用new操作符創(chuàng)建的引用類(lèi)型的實(shí)例瞬测,在執(zhí)行流離開(kāi)當(dāng)前作用域之前都一直保存在內(nèi)存中横媚。而自動(dòng)創(chuàng)建的基本包裝類(lèi)型的對(duì)象,則只存在于一行代碼執(zhí)行的瞬間月趟,然后立即被銷(xiāo)毀灯蝴。這意味著我們不能再運(yùn)行時(shí)為基本類(lèi)型值添加屬性和方法。
var s1 = "some text";
s1.color = "red";
alert(s1.color); //undefined
當(dāng)然可以顯示的調(diào)用Boolean孝宗、Number和String來(lái)創(chuàng)建基本包裝類(lèi)型的對(duì)象穷躁。不過(guò),應(yīng)該在絕對(duì)必要的情況下在這樣做因妇,因?yàn)檫@種做法很容易讓人分不清自己是在處理基本類(lèi)型還是引用類(lèi)型的值问潭。
對(duì)基本包裝類(lèi)型的實(shí)例調(diào)用typeof會(huì)返回"object",所有基本包裝類(lèi)型的對(duì)象在轉(zhuǎn)換為布爾類(lèi)型時(shí)值都是true。
Object構(gòu)造函數(shù)會(huì)根據(jù)傳入值得類(lèi)型返回相應(yīng)基本包裝類(lèi)型的實(shí)例婚被。
var obj = new Object("some text");
alert(obj instanceof String); //true
把字符串傳給Object構(gòu)造函數(shù)狡忙,就會(huì)創(chuàng)建String的實(shí)例,而傳入數(shù)字就會(huì)得到Number的實(shí)例摔寨,傳入布爾值就會(huì)得到Boolean的實(shí)例去枷。
需要注意的是,使用new調(diào)用基本包裝類(lèi)型的構(gòu)造函數(shù)是复,與直接調(diào)用同名的轉(zhuǎn)型函數(shù)是不一樣的删顶。
var value = "25";
var number = Number(value); //轉(zhuǎn)型函數(shù)
alert(typeof number); //"number"
var obj = new Number(value); //構(gòu)造函數(shù)
alert(typeof obj); //"object"
變量number中保存的是基本類(lèi)型的值25,變量obj中保存的是Number的實(shí)例淑廊。每個(gè)基本包裝類(lèi)型提供了操作相應(yīng)值得便捷方法逗余。
-
Bollean類(lèi)型
Boolean類(lèi)型是與布爾值對(duì)應(yīng)的引用類(lèi)型。
var booleanObject = new Boolean(true);
Boolean的實(shí)例重寫(xiě)了valueOf()方法季惩,返回基本類(lèi)型值true或false录粱;重寫(xiě)了toString()方法腻格,返回字符串"true"或"false"。
Boolean對(duì)象經(jīng)常會(huì)造成人們的誤解啥繁,在ECMAScript中的用處不大菜职。
var falseObject = new Boolean(false);
var result = falseObject && true;
alert(result); //true
var falseValue = false;
result = falseValue && true;
alert(result); //false
布爾表達(dá)式中所有對(duì)象都會(huì)被轉(zhuǎn)換為true。
alert(typeof falseObject); //object
alert(typeof falseValue); //boolean
alert(falseObject instanceof Boolean); //true
alert(falseValue instanceof Boolean); //false
- Number類(lèi)型
Number是與數(shù)字值對(duì)應(yīng)的引用類(lèi)型旗闽。創(chuàng)建Number對(duì)象酬核,如:
var numberObject = new Number(10);
與Boolean類(lèi)型一樣,Number類(lèi)型也重寫(xiě)了valueOf()适室、toLocalString()和toString()方法嫡意。重寫(xiě)后的valueOf()方法返回對(duì)象表示的基本類(lèi)型的數(shù)值,另外兩種方法則返回字符串形式的數(shù)值捣辆,可以為toString()方法傳遞一個(gè)表示基數(shù)的參數(shù)蔬螟,告訴它返回幾進(jìn)制數(shù)值的字符串形式,如:
var num = 10;
alert(num.toString()); //"10"
alert(num.toString(2)); //1010
alert(num.toString(8)); //12
alert(num.toString(10)); //10
alert(num.toString(16)); //a
除了繼承的方法之外汽畴,Number類(lèi)型還提供了一些用于將數(shù)值格式轉(zhuǎn)化為字符串的方法旧巾。
toFixed()方法會(huì)按照指定的小數(shù)返回?cái)?shù)值的字符串表示,如:
var num = 10;
alert(num.toFixed(2)); //"10.00"
var num = 10.005;
alert(num.toFixed(2)); //"10.01" 能夠自動(dòng)舍入
toFixed()方法適合處理貨幣值忍些。
toExponential()用于格式化的方法菠齿,該方法返回以指數(shù)表示法(也稱(chēng)e表示法)表示數(shù)值的字符串形式。
var num = 10;
alert(num.toExponential(1)); //"1.0e+1"
toPrecision()方法可能會(huì)返回固定大寫(xiě)(fixed)格式坐昙,也可能返回指數(shù)(exponential)格式,具體規(guī)則看哪種格式最合適芋忿。這個(gè)方法接收一個(gè)參數(shù)炸客,即表示數(shù)值的所有數(shù)字的位數(shù)(不包括指數(shù)部分)。
var num = 99;
alert(num.toPrecision(1)); //"1e+2"
alert(num.toPrecision(2)); //"99"
alert(num.toPrecision(3)); //"99.0"
var numberObject = new Number(10);
var numberValue = 10;
alert(typeof numberObject); //"object"
alert(typeof numberValue); //"number"
alert(numberObject instanceof Number); //true
alert(numberValue instanceof Number); //false
-
String類(lèi)型
String類(lèi)型是字符串的對(duì)象包裝類(lèi)型戈钢。
var stringObject = new String("hello world");
String對(duì)象的方法也可以在所有基本字符串值中訪問(wèn)到痹仙。繼承的valueOf()方法,toLocaleString()和toString()方法殉了,都返回對(duì)象所表示的基本字符串值开仰。
String類(lèi)型的每個(gè)實(shí)例都有一個(gè)length屬性
var stringObject = new String("hello world");
alert(stringObject.length); //"11"
String類(lèi)型提供了很多方法,由于輔助完成對(duì)ECMAScript中字符串的解析和操作薪铜。
- 1. 字符方法
兩個(gè)由于訪問(wèn)字符串中特定字符的方法:charAt()和charCodeAt()众弓。這兩個(gè)方法都接收一個(gè)參數(shù),即基于0的字符位置隔箍。其中谓娃,charAt()方法以單字符字符串的形式返回給定位置的那個(gè)字符:
var stringValue = "hello world";
alert(stringValue.charAt(1)); //"e"
如果想得到字符編碼,就是用charCodeAt():
var stringValue = "hello world";
alert(stringValue.charCodeAt(1)); //輸出"101"
另一個(gè)訪問(wèn)個(gè)別字符的方法,使用方括號(hào)加數(shù)字索引來(lái)訪問(wèn)字符串中特定字符:
var stringValue = "hello world";
alert(stringValu[1]); //"e"
-
2. 字符串操作方法
下面介紹與操作字符串有關(guān)的幾個(gè)方法蜒滩。
concat()方法滨达,由于將一個(gè)或多個(gè)字符串拼接起來(lái)奶稠,返貨拼接得到的新字符串。
var stringValue = "hello ";
var result = stringValue.concat("world");
alert(result); //"hello world"
alert(stringValue); //"hello"
var stringValue = "hello ";
var result = stringValue.concat("world", "!");
alert(result); //"hello world!"
alert(stringValue); //"hello"
在實(shí)踐中更多的是用加號(hào)操作符(+)拼接字符串捡遍。
ECMAScript還提供了三個(gè)基于子字符串創(chuàng)建新字符串的方法:slice()锌订、substr()和substring()。這三個(gè)方法都會(huì)返回被操作字符串的一個(gè)子字符串画株,而且也都接受一個(gè)或兩個(gè)參數(shù)辆飘。第一個(gè)參數(shù)指定子字符串的開(kāi)始位置,第二個(gè)參數(shù)(在指定情況下)表示字符串到哪里結(jié)束污秆。具體來(lái)說(shuō)劈猪,slice()和substring()的第二個(gè)參數(shù)指定的是子字符串最后一個(gè)字符后面的位置。而substr()的第二個(gè)參數(shù)指定的則是返回的字符個(gè)數(shù)良拼。如果沒(méi)有給這些方法傳遞第二個(gè)參數(shù)战得,則將字符串的末尾作為結(jié)束的位置。
與concat()方法一樣庸推,slice()常侦、substr()和substring()也不會(huì)修改字符串本身的值——它們只是返回一個(gè)基本類(lèi)型的字符串值,對(duì)原始字符串沒(méi)有任何影響贬媒。
var stringValue = "hello world";
alert(stringValue.slice(3)); //"lo world"
alert(stringValue.substring(3)); //"lo world"
alert(stringValue.substr(3)); //"lo world"
alert(stringValue.slice(3,7)); //"lo w"
alert(stringValue.substring(3,7)); //"lo w"
alert(stringValue.substr(3,7)); //"lo worl"
在傳遞給這些方法的參數(shù)是負(fù)值的情況下聋亡,slice()方法會(huì)給傳入的負(fù)值與字符串的長(zhǎng)度相加,substr()方法將負(fù)的第一個(gè)參數(shù)加上字符串的長(zhǎng)度际乘,而將負(fù)的第二個(gè)參數(shù)轉(zhuǎn)換為0坡倔,substring()方法會(huì)把所有負(fù)值參數(shù)都轉(zhuǎn)換為-。
var stringValue = "hello world";
alert(stringValue.slice(-3)); //"rld"
alert(stringValue.substring(-3)); //"hello world"
alert(stringValue.substr(-3)); //"rld"
alert(stringValue.slice(3,-4)); //"lo w"
alert(stringValue.substring(3,-4)); //"hel"
alert(stringValue.substr(3,-4)); //""(空字符串)
substring()方法會(huì)將較小的數(shù)作為開(kāi)始位置脖含,將較大的數(shù)作為結(jié)束位置罪塔。
-
3. 字符串位置方法
有兩個(gè)可以從字符串中查找子字符串的方法:indexOf()方法和lastIndexOf()方法。這兩個(gè)方法都是從一個(gè)字符串中搜索給定的子字符串养葵,然后返回子字符串的位置(如果沒(méi)有找到征堪,則放回-1)。
indexOf()從字符串開(kāi)頭向后搜索子字符串关拒,lastIndexOf()從字符串末尾向前搜索子字符串佃蚜。
var stringValue = "hello world";
alert(stringValue.indexOf("o"); //4
alert(stringValue.lastIndexOf("o")); //7
這兩個(gè)方法都可以接收可選的第二個(gè)參數(shù),表示從字符串中的哪個(gè)位置開(kāi)始搜索着绊。
var stringValue = "hello world";
alert(stringValue.indexOf("o", 6); //7
alert(stringValue.lastIndexOf("o", 6)); //4
可以通過(guò)循環(huán)調(diào)用indexOf()或lastIndexOf()來(lái)找到所有匹配的子字符串谐算。
var stringValue = "Lorem ipsum dolor sit amet, consectetur
adipisicing elit. ";
var positions = new Array();
var pos = stringValue.indexOf("e");
while(pos>-1){
positions.push(pos);
pos = stringValue.indexOf("e", pos+1);
}
alert(positions); //"3,24,32,35,52"
在循環(huán)外,首先找到"e"在字符串中的初始位置畔柔,然后進(jìn)入循環(huán)氯夷。
-
4. trim()方法
ECMAScript5 為所有字符串定義了trim()方法。這個(gè)方法會(huì)創(chuàng)建一個(gè)字符串的副本靶擦,刪除前置及后綴的所有空格腮考,然后返回結(jié)果雇毫。
var stringValue = " hello world ";
var trimmedStringValue = stringValue.trim();
alert(stringValue); //" hello world "
alert(trimmedStringValue); //"hello workd"
由于trim()返回的是字符串的副本,所以原始字符串中的前置及后綴空格會(huì)保持不便踩蔚。
trimLeft()和trimRight()方法棚放,分別用于刪除字符串開(kāi)頭和末尾的空格。
- 5. 字符串大小轉(zhuǎn)換方法
ECMAScript中涉及字符串大小寫(xiě)轉(zhuǎn)換的方法有四個(gè):toLowerCase()馅闽、toLocaleLowerCase()飘蚯、toUpperCase()和toLocaleUpperCase()。
var stringValue = "hello world";
alert(stringValue.toLocaleUpperCase()); //"HELLO WORLD"
alert(stringValue.toUpperCase()); //"HELLO WORLD"
alert(stringValue.toLocaleLowerCase()); //"hello world"
alert(stringValue.toLowerCase()); //"hello world"
- 6. 字符串模式匹配方法
String類(lèi)型定義了幾個(gè)用于在字符串中匹配模式的方法福也。
match()方法局骤,在字符串調(diào)用這個(gè)方法,本質(zhì)上與調(diào)用RegExp的exec方法相同暴凑。match()方法只接受一個(gè)參數(shù)峦甩,要么是一個(gè)正則表達(dá)式,要么是一個(gè)RegExp對(duì)象现喳。
//與pattern.exec(text)相同
var matches = text.match(pattern);
alert(matches.index); //0
alert(matches[0]); //"cat"
alert(pattern.lastIndex); //0
match()方法返回了一個(gè)數(shù)組凯傲,數(shù)組的第一項(xiàng)是與整個(gè)模式匹配的字符串,之后的每一項(xiàng)(如果有)保存著與正則表達(dá)式中的捕獲組匹配的字符串嗦篱。
search()方法冰单,這個(gè)方法只接受一個(gè)參數(shù),要么是一個(gè)正則表達(dá)式灸促,要么是一個(gè)RegExp對(duì)象诫欠。search()方法返回字符串中第一個(gè)匹配項(xiàng)的索引;如果沒(méi)有找到匹配項(xiàng)浴栽,則返回01呕诉。search()方法始終是從字符串開(kāi)頭向后查找模式。
var text = "cat, bat, sat, fat";
var pos = text.search(/at/);
alert(pos); //1
replace()方法吃度,這個(gè)方法接受兩個(gè)參數(shù):第一個(gè)參數(shù)可以是一個(gè)RegExp對(duì)象或這一個(gè)字符串(這個(gè)字符串不會(huì)被轉(zhuǎn)換成正則表達(dá)式),第二個(gè)參數(shù)可以是一個(gè)字符串或者一個(gè)函數(shù)贴硫。如果第一個(gè)參數(shù)是字符串椿每,那么只會(huì)替換第一個(gè)子字符串。要想替換所有子字符串英遭,唯一的辦法就是提供一個(gè)正則表達(dá)式间护,而且要指定全局(g)標(biāo)志。
var text = "cat, bat, sat, fat";
var result = text.replace("at", "ond");
alert(result); //"cond, bat, sat, fat"
result = text.replace(/at/g, "ond");
alert(result); //"cond, bond, sond, fond"
ECMAScript提供一些特殊的字符序列挖诸。
- $$: $
- $&:匹配真?zhèn)€模式的子字符串汁尺。與RegExp.lastMatch值相同
- $':匹配子字符串之前的子字符串。與RegExp.leftContext的值相同
- $`:匹配子字符串之后的子字符串多律。與RegExp.rightContext的值相同
- $n:匹配第n個(gè)捕獲組字符串痴突。n等于0~9搂蜓。
- $nn:匹配第n 個(gè)捕獲組字符串。n等于0你~99辽装。
var text = "cat, bat, sat, fat";
result = text.replace("/(.at)/g","word($1)");
alert(result); //word(cat), word(bat), word(sta), word(fat)
replace()方法的第二個(gè)參數(shù)可以是一個(gè)函數(shù)帮碰。在只有一個(gè)匹配項(xiàng)(即與模式匹配的字符串)的情況下,會(huì)向這個(gè)函數(shù)傳遞3個(gè)參數(shù)拾积,模式的匹配項(xiàng)殉挽,模式匹配項(xiàng)在字符串中的位置和原始字符串。在正則表達(dá)是中定義了多個(gè)捕獲組的情況下拓巧,傳遞給函數(shù)的參數(shù)依次是模式的匹配項(xiàng)斯碌、第一個(gè)捕獲組的匹配項(xiàng)
第二個(gè)不過(guò)組的匹配項(xiàng)......,但組后兩個(gè)參數(shù)仍然分別是模式匹配項(xiàng)在字符串中的位置和原始字符串肛度。這個(gè)函數(shù)返回一個(gè)字符串傻唾,表示應(yīng)該被替換的匹配項(xiàng)。
function htmlEscape(text) {
return text.replace(/[<>]&/g, function(match, pos, originalText) {
switch (match) {
case "<":
return "<";
case ">":
return ">";
case "&":
return "&";
case "\"":
return """;
}
});
}
alert(htmlEscape("<p class=\"greeting\">Hello world!</p>"));
//<p class=""greeting"">Hello world!</p>
**split()**方法贤斜,這個(gè)方法可以基于指定的分隔符將一個(gè)字符串分割成多個(gè)子字符串策吠,并將結(jié)果放在一個(gè)數(shù)組中。分隔符可以使字符串瘩绒,也可以是RegExp對(duì)象(這個(gè)方法不會(huì)將字符串看成正則表達(dá)式)猴抹。split()方法可以接受第二個(gè)參數(shù),用于指定數(shù)組的大小以便確保返回的數(shù)組不會(huì)超過(guò)既定大小锁荔。
var colorText = "red,blue,green,yellow";
var colors1 = colorText.split(","); //["red", "blue", "green", "yellow"]
var colors2 = colorText.split(",",2); //["red", "blue"]
var colors3 = colorText.split(/[^\,]+/); //["", ",", ",", ",", ""]
- 7. localeCompare()方法
localeCompare()這個(gè)方法比較兩個(gè)字符串蟀给,并返回下列值中的一個(gè):
- 如果字符串在字母表中排在字符串參數(shù)之前,返回一個(gè)負(fù)數(shù)(大多數(shù)是-1阳堕,具體視情況而定)跋理;
- 如果字符串等于字符串參數(shù),返回0恬总;
- 如果字符串在字母表中排在字符串參數(shù)之后前普,返回一個(gè)正數(shù)(大多數(shù)是1,具體視情況而定)壹堰;
var stringValue = "yellow";
alert(stringValue.localeCompare("brick")); //1
alert(stringValue.localeCompare("yellow")); //0
alert(stringValue.localeCompare("zoo")); //-1
function determineOrder(value) {
var result stringValue.localeCompare(value);
if(value<0){
alert("The string 'yellow' comes before the string '"+value+"'.");
}else if(value>0){
alert("The string 'yellow' comes after the string '"+value+"'.");
}else{
alert("The string 'yellow' comes equal the string '"+value+"'.");
}
}
determineOrder("brick");
determineOrder("yellow");
determineOrder("zoo");
-
8. fromCharCode()方法
String構(gòu)造函數(shù)本身還有一個(gè)靜態(tài)方法:fromCharCode()拭卿。這個(gè)方法的任務(wù)是接收一或多個(gè)字符編碼,然后將它們轉(zhuǎn)換成一個(gè)字符串贱纠。這個(gè)方法與實(shí)例方法charCodeAt()執(zhí)行相反的操作峻厚。
alert(String.fromCharCode(104, 101, 108, 108, 111));//"hello"