javasript - String

一、String类型（基本包装类型）
二、方法

其他链接：

ES6 - String扩展

以下内容全部源于：《JavaScript高级程序设计（第3版）》

一、String类型（基本包装类型）

1.1 String 是什么

String 类型用于表示由零或多个 16 位 Unicode 字符组成的字符序列，即字符串。【字符串可以由双引号（”）或单引号（’）表示】

var firstName = "Nicholas";
var lastName = 'Zakas'; 

注：以双引号开头的字符串也必须以双引号结尾，而以单引号开头的字符串必须以单引号结尾。

1.2 字符字面量

String 数据类型包含一些特殊的字符字面量，也叫转义序列，用于表示非打印字符，或者具有其他用途的字符。

relationship-map

这些字符字面量可以出现在字符串中的任意位置，而且也将被作为一个字符来解析。【任何字符串的长度都可以通过访问其 length 属性取得】

var text = "This is the letter sigma: \u03a3."; 

alert(text.length); // 输出 28 

例子中的变量 text 有 28 个字符，其中 6 个字符长的转义序列表示 1 个字符。

length 属性返回的字符数包括 16 位字符的数目。如果字符串中包含双字节字符，那么 length 属性可能不会精确地返回字符串中的字符数目。

1.3 字符串的构造函数

String 类型是字符串的对象包装类型。可使用 String 构造函数来创建。

var stringObject = new String("hello world"); 

1.3.1 length属性

String 类型的每个实例都有一个 length 属性，表示字符串中包含多个字符。

var stringValue = "hello world";
alert(stringValue.length); //"11" 

这个例子输出了字符串 "hello world" 中的字符数量，即 "11" 。

注意：即使字符串中包含双字节字符（不是占一个字节的 ASCII 字符），每个字符也仍然算一个字符。

1.4 字符串的特点

ECMAScript 中的字符串是不可变的，即：字符串一旦创建，它们的值就不能改变。

要改变某个变量保存的字符串，首先要销毁原来的字符串，然后再用另一个包含新值的字符串填充该变量。

var lang = "Java";
lang = lang + "Script"; 

变量 lang 开始时包含字符串 "Java" 。而第二行代码把 lang 的值重新定义为 "Java"与 "Script" 的组合，即 "JavaScript" 。

实现这个操作的过程如下：首先创建一个能容纳 10 个字符的新字符串，然后在这个字符串中填充 "Java" 和 "Script" ，最后一步是销毁原来的字符串 "Java" 和字符串 "Script" ，因为这两个字符串已经没用了。

二、方法

2.1 转换为字符串

2.1.1 toString()

toString()：返回相应值的字符串表现。
数值、布尔值、对象和字符串值都有 toString()方法。【每个字符串也都有一个 toString()方法，该方法返回字符串的一个副本】
null 和 undefined 值没有这个方法。
在调用数值的 toString() 方法时，可以传递一个参数：输出数值的基数。默认情况下，toString()方法以十进制格式返回数值的字符串表示。而通过传递基数，toString() 可以输出以二进制、八进制、十六进制，乃至其他任意有效进制格式表示的字符串值。

var age = 11;
var ageAsString = age.toString(); // 字符串"11"
var found = true;
var foundAsString = found.toString(); // 字符串"true" 

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" 

在不知道要转换的值是不是 null 或 undefined 的情况下，还可以使用转型函数 String()，这个函数能够将任何类型的值转换为字符串。String()函数遵循下列转换规则：

 如果值有 toString()方法，则调用该方法（没有参数）并返回相应的结果；
 如果值是 null，则返回”null”；
 如果值是 undefined，则返回”undefined”。

var value1 = 10;
var value2 = true;
var value3 = null;
var value4;
alert(String(value1)); // "10"
alert(String(value2)); // "true"
alert(String(value3)); // "null"
alert(String(value4)); // "undefined" 

这里先后转换了 4 个值：数值、布尔值、null 和 undefined。数值和布尔值的转换结果与调用 toString() 方法得到的结果相同。因为 null 和 undefined 没有 toString() 方法，所以 String() 函数就返回了这两个值的字面量。

2.2 字符方法

2.2.1 charAt()

接收一个参数，即基于 0 的字符位置。以单字符字符串的形式返回给定位置的那个字符。

var stringValue = "hello world";
alert(stringValue.charAt(1)); //"e" 

2.2.2 charCodeAt()

接收一个参数，即基于 0 的字符位置。返回给定位置的那个字符的字符编码。

var stringValue = "hello world";
alert(stringValue.charCodeAt(1)); //输出"101" 

2.2.3 方括号法

使用方括号加数字索引来访问字符串中的特定字符。

IE8 及 Firefox、Safari、Chrome 和 Opera 所有版本的支持。如果是在 IE7 及更早版本中使用这种语法，会返回 undefined 值（尽管根本不是特殊的undefined 值）。

var stringValue = "hello world";
alert(stringValue[1]); //"e" 

2.3 字符串操作方法

以下讲的字符串操作方法不会修改字符串本身的值——它们只是返回一个基本类型的字符串值，对原始字符串没有任何影响。

2.3.1 concat()

concat()用于将一或多个字符串拼接起来，返回拼接得到的新字符串，且可以接受任意多个参数，即：可以通过它拼接任意多个字符串。

var stringValue = "hello ";
var result = stringValue.concat("world", "!");
alert(result); //"hello world!"
alert(stringValue); //"hello" 

虽然 concat() 是专门用来拼接字符串的方法，但实践中使用更多的还是加号操作符（+）。而且，使用加号操作符在大多数情况下都比使用 concat() 方法要简便易行（特别是在拼接多个字符串的情况下）。

2.3.2 slice(start,end)

start：指定子字串的开始位置
end：（可选）表示子字符串到哪里结束。【指：子字符串最后一个字符后面的位置】
如果没有给这些方法传递第二个参数，则将字符串的长度作为结束位置。

var stringValue = "hello world";

alert(stringValue.slice(3)); //"lo world" 

alert(stringValue.slice(3, 7)); //"lo w"

在传递的参数是负值的情况下，slice()方法会将传入的负值与字符串的长度相加。

var stringValue = "hello world";
alert(stringValue.slice(-3)); //"rld"
alert(stringValue.slice(3, -4)); //"lo w" 

2.3.3 substr(start,end)

start：指定子字串的开始位置
end：（可选）表示子字符串到哪里结束。【指：返回的字符个数】
如果没有给这些方法传递第二个参数，则将字符串的长度作为结束位置。

var stringValue = "hello world";
alert(stringValue.substr(3)); //"lo world"
alert(stringValue.substr(3, 7)); //"lo worl" 

在传递的参数是负值的情况下，substr()方法将负的第一个参数加上字符串的长度，而将负的第二个参数转换为 0。

var stringValue = "hello world";
alert(stringValue.substr(-3)); //"rld"
alert(stringValue.substr(3, -4)); //""（空字符串）

2.3.4 substring(start,end)

start：指定子字串的开始位置
end：（可选）表示子字符串到哪里结束。【指：子字符串最后一个字符后面的位置】
如果没有给这些方法传递第二个参数，则将字符串的长度作为结束位置。

var stringValue = "hello world";
alert(stringValue.substring(3)); //"lo world"
alert(stringValue.substring(3,7)); //"lo w"

在传递的参数是负值的情况下，substring()方法会把所有负值参数都转换为 0。

var stringValue = "hello world";
alert(stringValue.substring(-3)); //"hello world"
alert(stringValue.substring(3, -4)); //"hel"

2.4 字符串位置方法

2.4.1 indexOf(str,index)

从字符串的开头向后搜索子字符串，然后返子字符串的位置（如果没有找到该子字符串，则返回-1）。
str：代表要搜索的字符串
index：（可选）表示从字符串中的哪个位置开始搜索。

var stringValue = "hello world";
alert(stringValue.indexOf("o")); //4 
alert(stringValue.indexOf("o", 6)); //7 

2.4.2 lastndexOf(str,index)

从字符串的末尾向前搜索子字符串，然后返子字符串的位置（如果没有找到该子字符串，则返回-1）。
str：代表要搜索的字符串
index：（可选）表示从字符串中的哪个位置开始搜索。

var stringValue = "hello world";
alert(stringValue.lastIndexOf("o")); //7 
alert(stringValue.lastIndexOf("o", 6)); //4 

2.4.3 实例：找到所有匹配的子字符串

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"

这个例子通过不断增加 indexOf()方法开始查找的位置，遍历了一个长字符串。在循环之外，首先找到了”e”在字符串中的初始位置；而进入循环后，则每次都给 indexOf()传递上一次的位置加 1。这样，就确保了每次新搜索都从上一次找到的子字符串的后面开始。每次搜索返回的位置依次被保存在数组 positions 中，以便将来使用。

2.5 trim()

trim()方法创建一个字符串的副本【所以原始字符串中的前置及后缀空格会保持不变】，删除前置及后缀的所有空格，然后返回结果。

var stringValue = " hello world ";
var trimmedStringValue = stringValue.trim();
alert(stringValue); //" hello world "
alert(trimmedStringValue); //"hello world" 

支持有 IE9+、Firefox 3.5+、Safari 5+、Opera 10.5+和 Chrome。此外，Firefox 3.5+、Safari 5+ 和 Chrome 8+还支持非标准的 trimLeft()和 trimRight()方法，分别用于删除字符串开头和末尾的空格。

2.6 字符串大小写转换方法

借鉴自 java.lang.String 中的同名方法
toLowerCase()
toUpperCase()
针对特定地区的实现
toLocaleLowerCase()
toLocaleUpperCase()

对有些地区来说，针对地区的方法与其通用方法得到的结果相同，但少数语言（如土耳其语）会为 Unicode 大小写转换应用特殊的规则，这时候就必须使用针对地区的方法来保证实现正确的转换。
一般来说，在不知道自己的代码将在哪种语言环境中运行的情况下，还是使用针对地区的方法更稳妥一些。

var stringValue = "hello world";
alert(stringValue.toLocaleUpperCase()); //"HELLO WORLD"
alert(stringValue.toUpperCase()); //"HELLO WORLD"
alert(stringValue.toLocaleLowerCase()); //"hello world"
alert(stringValue.toLowerCase()); //"hello world" 

2.7 字符串的模式匹配方法

2.7.1 match()

match() 方法只接受一个参数，要么是一个正则表达式，要么是一个 RegExp 对象。会返回一个数组。

var text = "cat, bat, sat, fat";
var pattern = /.at/;

//与 pattern.exec(text)相同
var matches = text.match(pattern);
alert(matches.index); //0
alert(matches[0]); //"cat"
alert(pattern.lastIndex); //0 

如果是调用 RegExp 对象的 exec() 方法并传递本例中的字符串作为参数，那么也会得到与此相同的数组：数组的第一项是与整个模式匹配的字符串，之后的每一项（如果有）保存着与正则表达式中的捕获组匹配的字符串。

2.7.2 search()

search() 方法只接受一个参数，要么是一个正则表达式，要么是一个 RegExp 对象。

返回字符串中第一个匹配项的索引；如果没有找到匹配项，则返回-1。

search()方法始终是从字符串开头向后查找模式。

var text = "cat, bat, sat, fat";
var pos = text.search(/at/);
alert(pos); //1 

2.7.2 replace()

replace() 方法用来替换子字符串。

第一个参数可以是一个 RegExp 对象或者一个字符串（这个字符串不会被转换成正则表达式），第二个参数可以是一个字符串或者一个函数。

如果第一个参数是字符串，那么只会替换第一个子字符串。要想替换所有子字符串，唯一的办法就是提供一个正则表达式，而且要指定全局（g）标志

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" 

如果第二个参数是字符串，那么还可以使用一些特殊的字符序列，将正则表达式操作得到的值插入到结果字符串中。