包裝對(duì)象

定義

對(duì)象是 JavaScript 語(yǔ)言最主要的數(shù)據(jù)類型，三種原始類型的值——數(shù)值台囱、字符串淡溯、布爾值——在一定條件下，也會(huì)自動(dòng)轉(zhuǎn)為對(duì)象簿训，也就是原始類型的“包裝對(duì)象”（wrapper）血筑。

所謂“包裝對(duì)象”，指的是與數(shù)值煎楣、字符串豺总、布爾值分別相對(duì)應(yīng)的Number、String择懂、Boolean三個(gè)原生對(duì)象喻喳。這三個(gè)原生對(duì)象可以把原始類型的值變成（包裝成）對(duì)象。

var v1 = new Number(123);
var v2 = new String('abc');
var v3 = new Boolean(true);

typeof v1 // "object"
typeof v2 // "object"
typeof v3 // "object"

v1 === 123 // false
v2 === 'abc' // false
v3 === true // false

上面代碼中困曙，基于原始類型的值表伦，生成了三個(gè)對(duì)應(yīng)的包裝對(duì)象】独觯可以看到蹦哼，v1、v2要糊、v3都是對(duì)象纲熏，且與對(duì)應(yīng)的簡(jiǎn)單類型值不相等。

包裝對(duì)象的設(shè)計(jì)目的锄俄，首先是使得“對(duì)象”這種類型可以覆蓋 JavaScript 所有的值局劲，整門(mén)語(yǔ)言有一個(gè)通用的數(shù)據(jù)模型，其次是使得原始類型的值也有辦法調(diào)用自己的方法奶赠。

Number鱼填、String和Boolean這三個(gè)原生對(duì)象，如果不作為構(gòu)造函數(shù)調(diào)用（即調(diào)用時(shí)不加new）毅戈，而是作為普通函數(shù)調(diào)用苹丸，常常用于將任意類型的值轉(zhuǎn)為數(shù)值、字符串和布爾值苇经。

// 字符串轉(zhuǎn)為數(shù)值
Number('123') // 123

// 數(shù)值轉(zhuǎn)為字符串
String(123) // "123"

// 數(shù)值轉(zhuǎn)為布爾值
Boolean(123) // true

總結(jié)一下赘理，這三個(gè)對(duì)象作為構(gòu)造函數(shù)使用（帶有new）時(shí)，可以將原始類型的值轉(zhuǎn)為對(duì)象塑陵；作為普通函數(shù)使用時(shí)（不帶有new）感憾，可以將任意類型的值，轉(zhuǎn)為原始類型的值。

實(shí)例方法

三種包裝對(duì)象各自提供了許多實(shí)例方法阻桅。這里介紹兩種它們共同具有凉倚、從Object對(duì)象繼承的方法：valueOf()和toString()。

valueOf()

valueOf()方法返回包裝對(duì)象實(shí)例對(duì)應(yīng)的原始類型的值嫂沉。

new Number(123).valueOf()  // 123
new String('abc').valueOf() // "abc"
new Boolean(true).valueOf() // true

toString()

toString()方法返回對(duì)應(yīng)的字符串形式稽寒。

new Number(123).toString() // "123"
new String('abc').toString() // "abc"
new Boolean(true).toString() // "true"

原始類型與實(shí)例對(duì)象的自動(dòng)轉(zhuǎn)換

某些場(chǎng)合，原始類型的值會(huì)自動(dòng)當(dāng)作包裝對(duì)象調(diào)用趟章，即調(diào)用包裝對(duì)象的屬性和方法杏糙。這時(shí)，JavaScript 引擎會(huì)自動(dòng)將原始類型的值轉(zhuǎn)為包裝對(duì)象實(shí)例蚓土，并在使用后立刻銷毀實(shí)例宏侍。

比如，字符串可以調(diào)用length屬性蜀漆，返回字符串的長(zhǎng)度谅河。

'abc'.length // 3

上面代碼中，abc是一個(gè)字符串确丢，本身不是對(duì)象绷耍，不能調(diào)用length屬性。JavaScript 引擎自動(dòng)將其轉(zhuǎn)為包裝對(duì)象鲜侥，在這個(gè)對(duì)象上調(diào)用length屬性褂始。調(diào)用結(jié)束后，這個(gè)臨時(shí)對(duì)象就會(huì)被銷毀描函。這就叫原始類型與實(shí)例對(duì)象的自動(dòng)轉(zhuǎn)換崎苗。

var str = 'abc';
str.length // 3

// 等同于
var strObj = new String(str)
// String {
//   0: "a", 1: "b", 2: "c", length: 3, [[PrimitiveValue]]: "abc"
// }
strObj.length // 3

自動(dòng)轉(zhuǎn)換生成的包裝對(duì)象是只讀的，無(wú)法修改赘阀。所以益缠，字符串無(wú)法添加新屬性。

var s = 'Hello World';
s.x = 123;
s.x // undefined

上面代碼為字符串s添加了一個(gè)x屬性基公，結(jié)果無(wú)效，總是返回undefined宋欺。

另一方面轰豆，調(diào)用結(jié)束后，包裝對(duì)象實(shí)例會(huì)自動(dòng)銷毀齿诞。這意味著酸休，下一次調(diào)用字符串的屬性時(shí)，實(shí)際是調(diào)用一個(gè)新生成的對(duì)象祷杈，而不是上一次調(diào)用時(shí)生成的那個(gè)對(duì)象斑司，所以取不到賦值在上一個(gè)對(duì)象的屬性。如果要為字符串添加屬性但汞，只有在它的原型對(duì)象String.prototype上定義宿刮。

自定義方法

除了原生的實(shí)例方法互站，包裝對(duì)象還可以自定義方法和屬性，供原始類型的值直接調(diào)用僵缺。

比如胡桃，我們可以新增一個(gè)double方法，使得字符串和數(shù)字翻倍磕潮。

String.prototype.double = function () {
  return this.valueOf() + this.valueOf();
};

'abc'.double() // abcabc

Number.prototype.double = function () {
  return this.valueOf() + this.valueOf();
};

(123).double() // 246

上面代碼在String和Number這兩個(gè)對(duì)象的原型上面翠胰，分別自定義了一個(gè)方法，從而可以在所有實(shí)例對(duì)象上調(diào)用自脯。注意之景，最后的123外面必須要加上圓括號(hào)，否則后面的點(diǎn)運(yùn)算符（.）會(huì)被解釋成小數(shù)點(diǎn)膏潮。

Boolean 對(duì)象

概述

Boolean對(duì)象是 JavaScript 的三個(gè)包裝對(duì)象之一锻狗。作為構(gòu)造函數(shù)，它主要用于生成布爾值的包裝對(duì)象實(shí)例戏罢。

var b = new Boolean(true);

typeof b // "object"
b.valueOf() // true

上面代碼的變量b是一個(gè)Boolean對(duì)象的實(shí)例屋谭，它的類型是對(duì)象，值為布爾值true龟糕。

注意桐磁，false對(duì)應(yīng)的包裝對(duì)象實(shí)例，布爾運(yùn)算結(jié)果也是true讲岁。

if (new Boolean(false)) {
  console.log('true');
} // true

if (new Boolean(false).valueOf()) {
  console.log('true');
} // 無(wú)輸出

上面代碼的第一個(gè)例子之所以得到true我擂，是因?yàn)?code>false對(duì)應(yīng)的包裝對(duì)象實(shí)例是一個(gè)對(duì)象，進(jìn)行邏輯運(yùn)算時(shí)缓艳，被自動(dòng)轉(zhuǎn)化成布爾值true（因?yàn)樗袑?duì)象對(duì)應(yīng)的布爾值都是true）校摩。而實(shí)例的valueOf方法，則返回實(shí)例對(duì)應(yīng)的原始值阶淘，本例為false衙吩。

Boolean 函數(shù)的類型轉(zhuǎn)換作用

Boolean對(duì)象除了可以作為構(gòu)造函數(shù)，還可以單獨(dú)使用溪窒，將任意值轉(zhuǎn)為布爾值坤塞。這時(shí)Boolean就是一個(gè)單純的工具方法。

Boolean(undefined) // false
Boolean(null) // false
Boolean(0) // false
Boolean('') // false
Boolean(NaN) // false

Boolean(1) // true
Boolean('false') // true
Boolean([]) // true
Boolean({}) // true
Boolean(function () {}) // true
Boolean(/foo/) // true

上面代碼中幾種得到true的情況澈蚌，都值得認(rèn)真記住摹芙。

順便提一下，使用雙重的否運(yùn)算符（!）也可以將任意值轉(zhuǎn)為對(duì)應(yīng)的布爾值宛瞄。

!!undefined // false
!!null // false
!!0 // false
!!'' // false
!!NaN // false

!!1 // true
!!'false' // true
!![] // true
!!{} // true
!!function(){} // true
!!/foo/ // true

最后浮禾，對(duì)于一些特殊值，Boolean對(duì)象前面加不加new，會(huì)得到完全相反的結(jié)果盈电，必須小心蝴簇。

if (Boolean(false)) {
  console.log('true');
} // 無(wú)輸出

if (new Boolean(false)) {
  console.log('true');
} // true

if (Boolean(null)) {
  console.log('true');
} // 無(wú)輸出

if (new Boolean(null)) {
  console.log('true');
} // true

Number 對(duì)象

概述

Number對(duì)象是數(shù)值對(duì)應(yīng)的包裝對(duì)象，可以作為構(gòu)造函數(shù)使用挣轨，也可以作為工具函數(shù)使用军熏。

作為構(gòu)造函數(shù)時(shí)，它用于生成值為數(shù)值的對(duì)象卷扮。

var n = new Number(1);
typeof n // "object"

上面代碼中荡澎，Number對(duì)象作為構(gòu)造函數(shù)使用，返回一個(gè)值為1的對(duì)象晤锹。

作為工具函數(shù)時(shí)摩幔，它可以將任何類型的值轉(zhuǎn)為數(shù)值。

Number(true) // 1

靜態(tài)屬性

Number對(duì)象擁有以下一些靜態(tài)屬性（即直接定義在Number對(duì)象上的屬性鞭铆，而不是定義在實(shí)例上的屬性）或衡。

• Number.POSITIVE_INFINITY：正的無(wú)限，指向Infinity车遂。
• Number.NEGATIVE_INFINITY：負(fù)的無(wú)限封断，指向-Infinity。
• Number.NaN：表示非數(shù)值舶担，指向NaN坡疼。
• Number.MIN_VALUE：表示最小的正數(shù)（即最接近0的正數(shù)，在64位浮點(diǎn)數(shù)體系中為5e-324）衣陶，相應(yīng)的柄瑰，最接近0的負(fù)數(shù)為-Number.MIN_VALUE。
• Number.MAX_SAFE_INTEGER：表示能夠精確表示的最大整數(shù)剪况，即9007199254740991教沾。
• Number.MIN_SAFE_INTEGER：表示能夠精確表示的最小整數(shù)，即-9007199254740991译断。

Number.POSITIVE_INFINITY // Infinity
Number.NEGATIVE_INFINITY // -Infinity
Number.NaN // NaN

Number.MAX_VALUE // 1.7976931348623157e+308
Number.MAX_VALUE < Infinity // true

Number.MIN_VALUE // 5e-324
Number.MIN_VALUE > 0 // true

Number.MAX_SAFE_INTEGER // 9007199254740991
Number.MIN_SAFE_INTEGER // -9007199254740991

實(shí)例方法

Number對(duì)象有4個(gè)實(shí)例方法授翻，都跟將數(shù)值轉(zhuǎn)換成指定格式有關(guān)。

Number.prototype.toString()

Number對(duì)象部署了自己的toString方法孙咪，用來(lái)將一個(gè)數(shù)值轉(zhuǎn)為字符串形式藏姐。

(10).toString() // "10"

toString方法可以接受一個(gè)參數(shù)，表示輸出的進(jìn)制该贾。如果省略這個(gè)參數(shù)，默認(rèn)將數(shù)值先轉(zhuǎn)為十進(jìn)制捌臊，再輸出字符串杨蛋；否則，就根據(jù)參數(shù)指定的進(jìn)制，將一個(gè)數(shù)字轉(zhuǎn)化成某個(gè)進(jìn)制的字符串逞力。

(10).toString(2) // "1010"
(10).toString(8) // "12"
(10).toString(16) // "a"

上面代碼中曙寡，10一定要放在括號(hào)里，這樣表明后面的點(diǎn)表示調(diào)用對(duì)象屬性寇荧。如果不加括號(hào)举庶，這個(gè)點(diǎn)會(huì)被 JavaScript 引擎解釋成小數(shù)點(diǎn)，從而報(bào)錯(cuò)揩抡。

10.toString(2)
// SyntaxError: Unexpected token ILLEGAL

只要能夠讓 JavaScript 引擎不混淆小數(shù)點(diǎn)和對(duì)象的點(diǎn)運(yùn)算符户侥，各種寫(xiě)法都能用。除了為10加上括號(hào)峦嗤，還可以在10后面加兩個(gè)點(diǎn)蕊唐，JavaScript 會(huì)把第一個(gè)點(diǎn)理解成小數(shù)點(diǎn)（即10.0），把第二個(gè)點(diǎn)理解成調(diào)用對(duì)象屬性烁设，從而得到正確結(jié)果替梨。

10..toString(2) // "1010"

// 其他方法還包括
10 .toString(2) // "1010"
10.0.toString(2) // "1010"

這實(shí)際上意味著，可以直接對(duì)一個(gè)小數(shù)使用toString方法装黑。

10.5.toString() // "10.5"
10.5.toString(2) // "1010.1"
10.5.toString(8) // "12.4"
10.5.toString(16) // "a.8"

通過(guò)方括號(hào)運(yùn)算符也可以調(diào)用toString方法副瀑。

10['toString'](2) // "1010"

toString方法只能將十進(jìn)制的數(shù)，轉(zhuǎn)為其他進(jìn)制的字符串恋谭。如果要將其他進(jìn)制的數(shù)糠睡，轉(zhuǎn)回十進(jìn)制，需要使用parseInt方法箕别。

Number.prototype.toFixed()

toFixed()方法先將一個(gè)數(shù)轉(zhuǎn)為指定位數(shù)的小數(shù)铜幽，然后返回這個(gè)小數(shù)對(duì)應(yīng)的字符串。

(10).toFixed(2) // "10.00"
10.005.toFixed(2) // "10.01"

上面代碼中串稀，10和10.005先轉(zhuǎn)成2位小數(shù)除抛，然后轉(zhuǎn)成字符串。其中10必須放在括號(hào)里母截，否則后面的點(diǎn)會(huì)被處理成小數(shù)點(diǎn)到忽。

toFixed()方法的參數(shù)為小數(shù)位數(shù)，有效范圍為0到20清寇，超出這個(gè)范圍將拋出RangeError錯(cuò)誤喘漏。

由于浮點(diǎn)數(shù)的原因，小數(shù)5的四舍五入是不確定的华烟，使用的時(shí)候必須小心翩迈。

(10.055).toFixed(2) // 10.05
(10.005).toFixed(2) // 10.01

Number.prototype.toExponential()

toExponential方法用于將一個(gè)數(shù)轉(zhuǎn)為科學(xué)計(jì)數(shù)法形式。

(10).toExponential()  // "1e+1"
(10).toExponential(1) // "1.0e+1"
(10).toExponential(2) // "1.00e+1"

(1234).toExponential()  // "1.234e+3"
(1234).toExponential(1) // "1.2e+3"
(1234).toExponential(2) // "1.23e+3"

toExponential方法的參數(shù)是小數(shù)點(diǎn)后有效數(shù)字的位數(shù)盔夜，范圍為0到20负饲，超出這個(gè)范圍堤魁，會(huì)拋出一個(gè)RangeError錯(cuò)誤。

Number.prototype.toPrecision()

toPrecision方法用于將一個(gè)數(shù)轉(zhuǎn)為指定位數(shù)的有效數(shù)字返十。

(12.34).toPrecision(1) // "1e+1"
(12.34).toPrecision(2) // "12"
(12.34).toPrecision(3) // "12.3"
(12.34).toPrecision(4) // "12.34"
(12.34).toPrecision(5) // "12.340"

toPrecision方法的參數(shù)為有效數(shù)字的位數(shù)妥泉，范圍是1到21，超出這個(gè)范圍會(huì)拋出RangeError錯(cuò)誤洞坑。

toPrecision方法用于四舍五入時(shí)不太可靠盲链，跟浮點(diǎn)數(shù)不是精確儲(chǔ)存有關(guān)。

(12.35).toPrecision(3) // "12.3"
(12.25).toPrecision(3) // "12.3"
(12.15).toPrecision(3) // "12.2"
(12.45).toPrecision(3) // "12.4"

自定義方法

與其他對(duì)象一樣迟杂，Number.prototype對(duì)象上面可以自定義方法刽沾，被Number的實(shí)例繼承。

Number.prototype.add = function (x) {
  return this + x;
};

8['add'](2) // 10

上面代碼為Number對(duì)象實(shí)例定義了一個(gè)add方法逢慌。在數(shù)值上調(diào)用某個(gè)方法悠轩，數(shù)值會(huì)自動(dòng)轉(zhuǎn)為Number的實(shí)例對(duì)象，所以就可以調(diào)用add方法了攻泼。由于add方法返回的還是數(shù)值火架，所以可以鏈?zhǔn)竭\(yùn)算。

Number.prototype.subtract = function (x) {
  return this - x;
};

(8).add(2).subtract(4) // 6

我們還可以部署更復(fù)雜的方法忙菠。

Number.prototype.iterate = function () {
  var result = [];
  for (var i = 0; i <= this; i++) {
    result.push(i);
  }
  return result;
};

(8).iterate() // [0, 1, 2, 3, 4, 5, 6, 7, 8]

上面代碼在Number對(duì)象的原型上部署了iterate方法何鸡，將一個(gè)數(shù)值自動(dòng)遍歷為一個(gè)數(shù)組。

注意牛欢，數(shù)值的自定義方法骡男，只能定義在它的原型對(duì)象Number.prototype上面，數(shù)值本身是無(wú)法自定義屬性的傍睹。

var n = 1;
n.x = 1;
n.x // undefined

上面代碼中隔盛，n是一個(gè)原始類型的數(shù)值。直接在它上面新增一個(gè)屬性x拾稳，不會(huì)報(bào)錯(cuò)吮炕，但毫無(wú)作用，總是返回undefined访得。這是因?yàn)橐坏┍徽{(diào)用屬性龙亲，n就自動(dòng)轉(zhuǎn)為Number的實(shí)例對(duì)象，調(diào)用結(jié)束后悍抑，該對(duì)象自動(dòng)銷毀鳄炉。所以，下一次調(diào)用n的屬性時(shí)搜骡，實(shí)際取到的是另一個(gè)對(duì)象拂盯，屬性x當(dāng)然就讀不出來(lái)。

String 對(duì)象

概述

String對(duì)象是 JavaScript 原生提供的三個(gè)包裝對(duì)象之一记靡，用來(lái)生成字符串對(duì)象磕仅。

var s1 = 'abc';
var s2 = new String('abc');

typeof s1 // "string"
typeof s2 // "object"

s2.valueOf() // "abc"

字符串對(duì)象是一個(gè)類似數(shù)組的對(duì)象（很像數(shù)組珊豹，但不是數(shù)組）。

new String('abc')
// String {0: "a", 1: "b", 2: "c", length: 3}

(new String('abc'))[1] // "b"

上面代碼中榕订，字符串abc對(duì)應(yīng)的字符串對(duì)象，有數(shù)值鍵（0蜕便、1劫恒、2）和length屬性，所以可以像數(shù)組那樣取值轿腺。

除了用作構(gòu)造函數(shù)两嘴，String對(duì)象還可以當(dāng)作工具方法使用，將任意類型的值轉(zhuǎn)為字符串族壳。

String(true) // "true"
String(5) // "5"

靜態(tài)方法

String.fromCharCode()

String對(duì)象提供的靜態(tài)方法（即定義在對(duì)象本身憔辫，而不是定義在對(duì)象實(shí)例的方法），主要是String.fromCharCode()仿荆。該方法的參數(shù)是一個(gè)或多個(gè)數(shù)值贰您，代表 Unicode 碼點(diǎn)，返回值是這些碼點(diǎn)組成的字符串拢操。

String.fromCharCode() // ""
String.fromCharCode(97) // "a"
String.fromCharCode(104, 101, 108, 108, 111) // "hello"

上面代碼中锦亦，String.fromCharCode方法的參數(shù)為空，就返回空字符串令境；否則杠园，返回參數(shù)對(duì)應(yīng)的 Unicode 字符串。

注意舔庶，該方法不支持 Unicode 碼點(diǎn)大于0xFFFF的字符抛蚁，即傳入的參數(shù)不能大于0xFFFF（即十進(jìn)制的 65535）。

String.fromCharCode(0x20BB7) // "?"
String.fromCharCode(0x20BB7) === String.fromCharCode(0x0BB7)
// true

上面代碼中惕橙，String.fromCharCode參數(shù)0x20BB7大于0xFFFF瞧甩，導(dǎo)致返回結(jié)果出錯(cuò)。0x20BB7對(duì)應(yīng)的字符是漢字??吕漂，但是返回結(jié)果卻是另一個(gè)字符（碼點(diǎn)0x0BB7）亲配。這是因?yàn)?code>String.fromCharCode發(fā)現(xiàn)參數(shù)值大于0xFFFF，就會(huì)忽略多出的位（即忽略0x20BB7里面的2）惶凝。

這種現(xiàn)象的根本原因在于吼虎，碼點(diǎn)大于0xFFFF的字符占用四個(gè)字節(jié)，而 JavaScript 默認(rèn)支持兩個(gè)字節(jié)的字符苍鲜。這種情況下思灰，必須把0x20BB7拆成兩個(gè)字符表示。

String.fromCharCode(0xD842, 0xDFB7) // "??"

上面代碼中混滔，0x20BB7拆成兩個(gè)字符0xD842和0xDFB7（即兩個(gè)兩字節(jié)字符洒疚，合成一個(gè)四字節(jié)字符）歹颓，就能得到正確的結(jié)果。碼點(diǎn)大于0xFFFF的字符的四字節(jié)表示法油湖，由 UTF-16 編碼方法決定巍扛。

實(shí)例屬性

String.prototype.length

字符串實(shí)例的length屬性返回字符串的長(zhǎng)度。

'abc'.length // 3

實(shí)例方法

String.prototype.charAt()

charAt方法返回指定位置的字符乏德，參數(shù)是從0開(kāi)始編號(hào)的位置撤奸。

var s = new String('abc');

s.charAt(1) // "b"
s.charAt(s.length - 1) // "c"

這個(gè)方法完全可以用數(shù)組下標(biāo)替代。

'abc'.charAt(1) // "b"
'abc'[1] // "b"

如果參數(shù)為負(fù)數(shù)喊括，或大于等于字符串的長(zhǎng)度胧瓜，charAt返回空字符串。

'abc'.charAt(-1) // ""
'abc'.charAt(3) // ""

String.prototype.charCodeAt()

charCodeAt方法返回字符串指定位置的 Unicode 碼點(diǎn)（十進(jìn)制表示）郑什，相當(dāng)于String.fromCharCode()的逆操作府喳。

'abc'.charCodeAt(1) // 98

上面代碼中，abc的1號(hào)位置的字符是b蘑拯，它的 Unicode 碼點(diǎn)是98钝满。

如果沒(méi)有任何參數(shù)强胰，charCodeAt返回首字符的 Unicode 碼點(diǎn)偶洋。

'abc'.charCodeAt() // 97

如果參數(shù)為負(fù)數(shù)玄窝，或大于等于字符串的長(zhǎng)度恩脂，charCodeAt返回NaN黎休。

'abc'.charCodeAt(-1) // NaN
'abc'.charCodeAt(4) // NaN

注意势腮，charCodeAt方法返回的 Unicode 碼點(diǎn)不會(huì)大于65536（0xFFFF）捎拯，也就是說(shuō)署照，只返回兩個(gè)字節(jié)的字符的碼點(diǎn)建芙。如果遇到碼點(diǎn)大于 65536 的字符（四個(gè)字節(jié)的字符）岁钓，必需連續(xù)使用兩次charCodeAt，不僅讀入charCodeAt(i)钧大，還要讀入charCodeAt(i+1)涨醋，將兩個(gè)值放在一起，才能得到準(zhǔn)確的字符。

String.prototype.concat()

concat方法用于連接兩個(gè)字符串，返回一個(gè)新字符串彬伦，不改變?cè)址?/p>

var s1 = 'abc';
var s2 = 'def';

s1.concat(s2) // "abcdef"
s1 // "abc"

該方法可以接受多個(gè)參數(shù)伊诵。

'a'.concat('b', 'c') // "abc"

如果參數(shù)不是字符串单绑，concat方法會(huì)將其先轉(zhuǎn)為字符串日戈，然后再連接询张。

var one = 1;
var two = 2;
var three = '3';

''.concat(one, two, three) // "123"
one + two + three // "33"

上面代碼中浙炼，concat方法將參數(shù)先轉(zhuǎn)成字符串再連接份氧，所以返回的是一個(gè)三個(gè)字符的字符串唯袄。作為對(duì)比蜗帜，加號(hào)運(yùn)算符在兩個(gè)運(yùn)算數(shù)都是數(shù)值時(shí)恋拷，不會(huì)轉(zhuǎn)換類型，所以返回的是一個(gè)兩個(gè)字符的字符串蔬顾。

String.prototype.slice()

slice方法用于從原字符串取出子字符串并返回，不改變?cè)址嫔印Ｋ牡谝粋€(gè)參數(shù)是子字符串的開(kāi)始位置舷胜，第二個(gè)參數(shù)是子字符串的結(jié)束位置（不含該位置）。

'JavaScript'.slice(0, 4) // "Java"

如果省略第二個(gè)參數(shù)沮焕，則表示子字符串一直到原字符串結(jié)束峦树。

'JavaScript'.slice(4) // "Script"

如果參數(shù)是負(fù)值，表示從結(jié)尾開(kāi)始倒數(shù)計(jì)算的位置簿废，即該負(fù)值加上字符串長(zhǎng)度空入。

'JavaScript'.slice(-6) // "Script"
'JavaScript'.slice(0, -6) // "Java"
'JavaScript'.slice(-2, -1) // "p"

如果第一個(gè)參數(shù)大于第二個(gè)參數(shù)，slice方法返回一個(gè)空字符串族檬。

'JavaScript'.slice(2, 1) // ""

String.prototype.substring()

substring方法用于從原字符串取出子字符串并返回歪赢，不改變?cè)址?code>slice方法很相像单料。它的第一個(gè)參數(shù)表示子字符串的開(kāi)始位置埋凯，第二個(gè)位置表示結(jié)束位置（返回結(jié)果不含該位置）。

'JavaScript'.substring(0, 4) // "Java"

如果省略第二個(gè)參數(shù)扫尖，則表示子字符串一直到原字符串的結(jié)束白对。

'JavaScript'.substring(4) // "Script"

如果第一個(gè)參數(shù)大于第二個(gè)參數(shù)，substring方法會(huì)自動(dòng)更換兩個(gè)參數(shù)的位置换怖。

'JavaScript'.substring(10, 4) // "Script"
// 等同于
'JavaScript'.substring(4, 10) // "Script"

上面代碼中甩恼，調(diào)換substring方法的兩個(gè)參數(shù)，都得到同樣的結(jié)果。

如果參數(shù)是負(fù)數(shù)条摸，substring方法會(huì)自動(dòng)將負(fù)數(shù)轉(zhuǎn)為0悦污。

'JavaScript'.substring(-3) // "JavaScript"
'JavaScript'.substring(4, -3) // "Java"

由于這些規(guī)則違反直覺(jué)，因此不建議使用substring方法钉蒲，應(yīng)該優(yōu)先使用slice切端。

String.prototype.substr()

substr方法用于從原字符串取出子字符串并返回，不改變?cè)址晏洌?code>slice和substring方法的作用相同踏枣。

substr方法的第一個(gè)參數(shù)是子字符串的開(kāi)始位置（從0開(kāi)始計(jì)算），第二個(gè)參數(shù)是子字符串的長(zhǎng)度钙蒙。

'JavaScript'.substr(4, 6) // "Script"

如果省略第二個(gè)參數(shù)茵瀑，則表示子字符串一直到原字符串的結(jié)束。

'JavaScript'.substr(4) // "Script"

如果第一個(gè)參數(shù)是負(fù)數(shù)躬厌，表示倒數(shù)計(jì)算的字符位置瘾婿。如果第二個(gè)參數(shù)是負(fù)數(shù)，將被自動(dòng)轉(zhuǎn)為0烤咧，因此會(huì)返回空字符串。

'JavaScript'.substr(-6) // "Script"
'JavaScript'.substr(4, -1) // ""

上面代碼中抢呆，第二個(gè)例子的參數(shù)-1自動(dòng)轉(zhuǎn)為0煮嫌，表示子字符串長(zhǎng)度為0，所以返回空字符串抱虐。

String.prototype.indexOf()昌阿，String.prototype.lastIndexOf()

indexOf方法用于確定一個(gè)字符串在另一個(gè)字符串中第一次出現(xiàn)的位置，返回結(jié)果是匹配開(kāi)始的位置恳邀。如果返回-1懦冰，就表示不匹配。

'hello world'.indexOf('o') // 4
'JavaScript'.indexOf('script') // -1

indexOf方法還可以接受第二個(gè)參數(shù)谣沸，表示從該位置開(kāi)始向后匹配刷钢。

'hello world'.indexOf('o', 6) // 7

lastIndexOf方法的用法跟indexOf方法一致，主要的區(qū)別是lastIndexOf從尾部開(kāi)始匹配乳附，indexOf則是從頭部開(kāi)始匹配内地。

'hello world'.lastIndexOf('o') // 7

另外，lastIndexOf的第二個(gè)參數(shù)表示從該位置起向前匹配赋除。

'hello world'.lastIndexOf('o', 6) // 4

String.prototype.trim()

trim方法用于去除字符串兩端的空格阱缓，返回一個(gè)新字符串，不改變?cè)址?/p>

'  hello world  '.trim() // "hello world"

該方法去除的不僅是空格举农，還包括制表符（\t荆针、\v）、換行符（\n）和回車符（\r）。

'\r\nabc \t'.trim() // 'abc'

String.prototype.toLowerCase()航背，String.prototype.toUpperCase()

toLowerCase方法用于將一個(gè)字符串全部轉(zhuǎn)為小寫(xiě)喉悴，toUpperCase則是全部轉(zhuǎn)為大寫(xiě)。它們都返回一個(gè)新字符串沃粗，不改變?cè)址?/p>

'Hello World'.toLowerCase() // "hello world"

'Hello World'.toUpperCase() // "HELLO WORLD"

String.prototype.match()

match方法用于確定原字符串是否匹配某個(gè)子字符串粥惧，返回一個(gè)數(shù)組，成員為匹配的第一個(gè)字符串最盅。如果沒(méi)有找到匹配突雪，則返回null。

'cat, bat, sat, fat'.match('at') // ["at"]
'cat, bat, sat, fat'.match('xt') // null

返回的數(shù)組還有index屬性和input屬性涡贱，分別表示匹配字符串開(kāi)始的位置和原始字符串咏删。

var matches = 'cat, bat, sat, fat'.match('at');
matches.index // 1
matches.input // "cat, bat, sat, fat"

match方法還可以使用正則表達(dá)式作為參數(shù)。

String.prototype.search()问词，String.prototype.replace()

search方法的用法基本等同于match督函，但是返回值為匹配的第一個(gè)位置。如果沒(méi)有找到匹配激挪，則返回-1辰狡。

'cat, bat, sat, fat'.search('at') // 1

search方法還可以使用正則表達(dá)式作為參數(shù)。

replace方法用于替換匹配的子字符串垄分，一般情況下只替換第一個(gè)匹配（除非使用帶有g修飾符的正則表達(dá)式）宛篇。

'aaa'.replace('a', 'b') // "baa"

replace方法還可以使用正則表達(dá)式作為參數(shù)。

String.prototype.split()

split方法按照給定規(guī)則分割字符串薄湿，返回一個(gè)由分割出來(lái)的子字符串組成的數(shù)組叫倍。

'a|b|c'.split('|') // ["a", "b", "c"]

如果分割規(guī)則為空字符串盼铁，則返回?cái)?shù)組的成員是原字符串的每一個(gè)字符冈绊。

'a|b|c'.split('') // ["a", "|", "b", "|", "c"]

如果省略參數(shù)，則返回?cái)?shù)組的唯一成員就是原字符串抄瓦。

'a|b|c'.split() // ["a|b|c"]

如果滿足分割規(guī)則的兩個(gè)部分緊鄰著（即兩個(gè)分割符中間沒(méi)有其他字符）坐求，則返回?cái)?shù)組之中會(huì)有一個(gè)空字符串蚕泽。

'a||c'.split('|') // ['a', '', 'c']

如果滿足分割規(guī)則的部分處于字符串的開(kāi)頭或結(jié)尾（即它的前面或后面沒(méi)有其他字符），則返回?cái)?shù)組的第一個(gè)或最后一個(gè)成員是一個(gè)空字符串瞻赶。

'|b|c'.split('|') // ["", "b", "c"]
'a|b|'.split('|') // ["a", "b", ""]

split方法還可以接受第二個(gè)參數(shù)赛糟，限定返回?cái)?shù)組的最大成員數(shù)。

'a|b|c'.split('|', 0) // []
'a|b|c'.split('|', 1) // ["a"]
'a|b|c'.split('|', 2) // ["a", "b"]
'a|b|c'.split('|', 3) // ["a", "b", "c"]
'a|b|c'.split('|', 4) // ["a", "b", "c"]

split方法還可以使用正則表達(dá)式作為參數(shù)砸逊。

String.prototype.localeCompare()

localeCompare方法用于比較兩個(gè)字符串璧南。它返回一個(gè)整數(shù)，如果小于0师逸，表示第一個(gè)字符串小于第二個(gè)字符串司倚；如果等于0，表示兩者相等；如果大于0动知，表示第一個(gè)字符串大于第二個(gè)字符串皿伺。

'apple'.localeCompare('banana') // -1
'apple'.localeCompare('apple') // 0

該方法的最大特點(diǎn)，就是會(huì)考慮自然語(yǔ)言的順序盒粮。舉例來(lái)說(shuō)鸵鸥，正常情況下，大寫(xiě)的英文字母小于小寫(xiě)字母丹皱。

'B' > 'a' // false

上面代碼中妒穴，字母B小于字母a。因?yàn)?JavaScript 采用的是 Unicode 碼點(diǎn)比較摊崭，B的碼點(diǎn)是66讼油，而a的碼點(diǎn)是97。

但是呢簸，localeCompare方法會(huì)考慮自然語(yǔ)言的排序情況矮台，將B排在a的前面。

'B'.localeCompare('a') // 1

上面代碼中根时，localeCompare方法返回整數(shù)1瘦赫，表示B較大。

localeCompare還可以有第二個(gè)參數(shù)蛤迎，指定所使用的語(yǔ)言（默認(rèn)是英語(yǔ)）耸彪，然后根據(jù)該語(yǔ)言的規(guī)則進(jìn)行比較。

'?'.localeCompare('z', 'de') // -1
'?'.localeCompare('z', 'sv') // 1

上面代碼中忘苛，de表示德語(yǔ)，sv表示瑞典語(yǔ)唱较。德語(yǔ)中扎唾，?小于z，所以返回-1南缓；瑞典語(yǔ)中胸遇，?大于z，所以返回1汉形。