JS 字符串及字符串方法

文章の目录

JavaScript 字符串

JavaScript 字符串

\ 转义字符

字符串对象

JavaScript 字符串方法和属性

字符串长度

属性访问（Property Access）

查找字符串中的字符串（ indexOf()、lastIndexOf()、search() ）

提取部分字符串（ slice()、substring()、substr() ）

替换字符串内容（ replace() 、replaceAll() ）

连接字符串（ concat() ）

转换为大写和小写（ toUpperCase()、toLowerCase() ）

String.trim()

提取字符串字符（ charAt()、charCodeAt() ）

把字符串转换为数组（ split() ）

---

正文

JavaScript 字符串

JavaScript 字符串用于存储和操作文本。

JavaScript 字符串

JavaScript 字符串是引号中的零个或多个字符。

可以使用单引号或双引号。

可以在字符串中使用引号，只要不匹配围绕字符串的引号即可。

\ 转义字符

反斜杠转义字符把特殊字符转换为字符串字符：

例：

字符串对象

通常，JavaScript 字符串是原始值，通过字面方式创建：

var firstName = "Bill";
// typeof firstName 将返回 string

但是字符串也可通过关键词 new 定义为对象：

var firstName = new String("Bill");
// typeof firstName 将返回 object

注：

• 请不要把字符串创建为对象。它会拖慢执行速度。
• new 关键字使代码复杂化。也可能产生一些意想不到的结果。

var x = "Bill";
var y = new String("Bill");

// (x == y) 为true，因为 x 和 y 的值相等
// (x === y) 为false，因为 x 和 y 的类型不同（字符串与对象）

var z = new String("Bill");
// (y == z) 为false，因为 y 和 z 是不同的对象
// (y === z) 为false，因为 y 和 z 是不同的对象
// JavaScript 对象无法进行比较，比较两个 JavaScript 对象将始终返回 false

JavaScript 字符串方法和属性

原始值，比如"Hello World"，无法拥有属性和方法（因为它们不是对象）。

但是通过 JavaScript，方法和属性也可用于原始值，因为在执行方法和属性时 JavaScript 将原始值视为对象。

字符串长度

length 属性返回字符串的长度。

属性访问（Property Access）

ECMAScript 5（2009）允许对字符串的属性访问 [ ]：

var str = "Hello World!";
str[0];    // 返回 H
// JavaScript 从零计算位置。0 是字符串中的第一个位置，1 是第二个，2 是第三个 ...

使用属性访问有点不太靠谱：

• 不适用 Internet Explorer 7 或更早的版本
• 它让字符串看起来像是数组（其实并不是）
• 如果找不到字符，[ ] 返回 undefined，而 charAt() 返回空字符串
• 它是只读的。str[0] = "A" 不会产生错误（但也不会工作！）

查找字符串中的字符串（ indexOf()、lastIndexOf()、search() ）

indexOf() 方法返回字符串中指定文本首次出现的索引（位置）。

lastIndexOf() 方法返回指定文本在字符串中最后一次出现的索引。

注：

• 如果未找到文本，indexOf() 和 lastIndexOf() 均返回 -1。
• 两种方法都接受作为检索起始位置的第二个参数。
  • lastIndexOf() 方法从尾到头进行检索，这意味着：如果第二个参数是 4，则从位置 4 开始检索，直到字符串的起点。
  • 

search() 方法搜索特定值的字符串，并返回匹配的位置。

indexOf() 和 search() 区别：

• search() 方法无法设置第二个开始位置参数
• indexOf() 方法无法设置更强大的搜索值（正则表达式）

提取部分字符串（ slice()、substring()、substr() ）

有三种提取部分字符串的方法：

• slice(start,end)
• substring(start,end)
• substr(start,length)

slice() 方法

slice() 提取字符串的某个部分并在新字符串中返回被提取的部分。

该方法设置两个参数：起始索引（开始位置），终止索引（结束位置）。

该方法会从开始位置提取，直到结束位置（不包括）为止。（凡是两个参数都是下标的函数，都有一个特性：含头不含尾。）

注：

• 如果某个参数为负，则从字符串的结尾计算位置（-1，-2，-3 ...）
• 如果省略第二个参数，则该方法将剪裁字符串的剩余部分（从开始位置直到字符串的结尾）
• 

substring() 方法

substring() 类似于 slice() 。

不同之处在于 substring() 无法接受负的索引。

如果省略第二个参数，则该 substring() 将剪裁字符串的剩余部分

substr() 方法

substr() 类似于 slice() 。

不同之处在于第二个参数规定被提取部分的长度。

注：

• 如果省略第二个参数，则该 substr() 将剪裁字符串的剩余部分。
• 如果首个参数为负，则从字符串的结尾计算位置。
• 第二个参数不能为负，因为它定义的是长度。
• 

替换字符串内容（ replace() 、replaceAll() ）

replace()

replace() 方法用另一个值替换在字符串中指定的值。

replace() 方法不会改变调用它的字符串。它返回的是新字符串。（所有字符串方法都会返回新字符串，它们不会修改原始字符串。正式的说，字符串是不可变的：字符串不能更改，只能替换）

默认地，replace() 只替换首个匹配。

注：

• 默认地，replace() 对大小写敏感。
• 如需执行大小写不敏感的替换，请使用正则表达式 /i （大小写不敏感）（请注意正则表达式不带引号）
• 如需替换所有匹配，请使用正则表达式的 g 标志（用于全局搜索）
• 

replaceAll()

replaceAll() 方法用于在字符串中用一些字符替换另一些字符。

该函数会替换所有匹配到的子字符串。

连接字符串（ concat() ）

concat() 方法连接两个或多个字符串

注：

concat() 方法可用于代替加运算符。

// 下面两行代码是等效的
var text = "Hello" + " " + "World";
var text = "Hello".concat(" ","World");

转换为大写和小写（ toUpperCase()、toLowerCase() ）

通过 toUpperCase() 把字符串转换为大写

通过 toLowerCase() 把字符串转换为小写

String.trim()

trim() 方法删除字符串两端的空白符

提取字符串字符（ charAt()、charCodeAt() ）

有两个提取字符串字符的安全方法：

• charAt(position)
• charCodeAt(position)

charAt() 方法

charAt() 方法返回字符串中指定下标（位置）的字符

如果找不到字符，charAt() 返回空字符串（""）

charCodeAt() 方法

charCodeAt() 方法返回字符串中指定索引的字符 unicode 编码

把字符串转换为数组（ split() ）

split() 方法用于把一个字符串分割成字符串数组。

注：

• 如果省略分隔符，被返回的数组只有一个元素，该元素为整个原始字符串
• 如果分隔符是空字符串（""），被返回的数组将是原始字符串中每个字符所组成的的数组
•