js中String的方法

js中String的方法

String 是对应字符串的引用类型。要创建一个 String 对象，使用 String 构造函数并传入一个 数值，如下例所示:

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

String 对象的方法可以在所有字符串原始值上调用。3 个继承的方法 valueOf()、toLocaleString() 和 toString()都返回对象的原始字符串值。
每个 String 对象都有一个 length 属性，表示字符串中字符的数量。来看下面的例子:

let stringValue = "hello world";
console.log(stringValue.length); // "11"

使用 charCodeAt()方法可以查看指定码元的字符编码。这个方法返回指定索引位置的码元值，索 引以整数指定。比如:

    let message = "abcde";
// Unicode "Latin small letter C"的编码是U+0063 console.log(message.charCodeAt(2)); // 99
// 十进制99等于十六进制63
console.log(99 === 0x63); // true

fromCharCode()方法用于根据给定的 UTF-16 码元创建字符串中的字符。这个方法可以接受任意 多个数值，并返回将所有数值对应的字符拼接起来的字符串:

// Unicode "Latin small letter A"的编码是U+0061 // Unicode "Latin small letter B"的编码是U+0062 // Unicode "Latin small letter C"的编码是U+0063 // Unicode "Latin small letter D"的编码是U+0064 // Unicode "Latin small letter E"的编码是U+0065
console.log(String.fromCharCode(0x61, 0x62, 0x63, 0x64, 0x65)); // "abcde"
// 0x0061 === 97
// 0x0062 === 98
// 0x0063 === 99
// 0x0064 === 100
// 0x0065 === 101
console.log(String.fromCharCode(97, 98, 99, 100, 101));
// "abcde"

在涉及增补平面的字符时，前面讨论的字符串方法就会出问题。比如，下面的例子中使用了一个笑 脸表情符号，也就是一个使用代理对编码的字符:

// "smiling face with smiling eyes" 表情符号的编码是 U+1F60A // 0x1F60A === 128522
let message = "abde";
    console.log(message.length);          // 6
    console.log(message.charAt(1));       // b

concat()，用于将一个或多个字符串拼接成一个新字

符串。来看下面的例子:
   let stringValue = "hello ";
   let result = stringValue.concat("world");
   console.log(result);      // "hello world"
   console.log(stringValue); // "hello"

concat()方法可以接收任意多个参数，因此可以一次性拼接多个字符串， 3 如下所示:

let stringValue = "hello ";
let result = stringValue.concat("world", "!");
console.log(result);      // "hello world!"
console.log(stringValue); // "hello"

ECMAScript 提供了 3 个从字符串中提取子字符串的方法:slice()、substr()和 substring()。

let stringValue = "hello world";
console.log(stringValue.slice(3));
console.log(stringValue.substring(3));
console.log(stringValue.substr(3));
console.log(stringValue.slice(3, 7));
console.log(stringValue.substring(3,7)); // "lo w"
console.log(stringValue.substr(3, 7));   // "lo worl"
// "lo world"
// "lo world"
// "lo world"
// "lo w"

字符串位置方法
有两个方法用于在字符串中定位子字符串:indexOf()和 lastIndexOf()。这两个方法从字符 串中搜索传入的字符串，并返回位置(如果没找到，则返回-1)。两者的区别在于，indexOf()方法 从字符串开头开始查找子字符串，而 lastIndexOf()方法从字符串末尾开始查找子字符串。来看下面 的例子:

    let stringValue = "hello world";
    console.log(stringValue.indexOf("o"));     // 4
    console.log(stringValue.lastIndexOf("o")); // 7

console.log(message.startsWith("foo")); // true 3 console.log(message.startsWith("bar")); // false

ECMAScript 6 增加了 3 个用于判断字符串中是否包含另一个字符串的方法:startsWith()、 endsWith()和 includes()。这些方法都会从字符串中搜索传入的字符串，并返回一个表示是否包含 的布尔值。它们的区别在于，startsWith()检查开始于索引 0 的匹配项，endsWith()检查开始于索 引(string.length - substring.length)的匹配项，而 includes()检查整个字符串:

    let message = "foobarbaz";
console.log(message.endsWith("baz"));
console.log(message.endsWith("bar"));
console.log(message.includes("bar"));
console.log(message.includes("qux"));
// true
// false
// true
// false

trim()方法
ECMAScript 在所有字符串上都提供了 trim()方法。这个方法会创建字符串的一个副本，删除前、 后所有空格符，再返回结果。比如:

let stringValue = " hello world ";
let trimmedStringValue = stringValue.trim();
 console.log(stringValue); // " hello world "
console.log(trimmedStringValue); // "hello world"

由于 trim()返回的是字符串的副本，因此原始字符串不受影响，即原本的前、后空格符都会保留。 另外，trimLeft()和 trimRight()方法分别用于从字符串开始和末尾清理空格符。
repeat()方法
ECMAScript 在所有字符串上都提供了 repeat()方法。这个方法接收一个整数参数，表示要将字 13 符串复制多少次，然后返回拼接所有副本后的结果。

    let stringValue = "na ";
     console.log(stringValue.repeat(16) + "batman");
// na na na na na na na na na na na na na na na na batman

padStart()和 padEnd()方法
padStart()和 padEnd()方法会复制字符串，如果小于指定长度，则在相应一边填充字符，直至
满足长度条件。这两个方法的第一个参数是长度，第二个参数是可选的填充字符串，默认为空格 (U+0020)。

     let stringValue = "foo";
     console.log(stringValue.padStart(6));       // "   foo"
     console.log(stringValue.padStart(9, "."));  // "......foo"
     console.log(stringValue.padEnd(6));         // "foo   "
     console.log(stringValue.padEnd(9, "."));    // "foo......"

字符串迭代与解构

字符串的原型上暴露了一个@@iterator 方法，表示可以迭代字符串的每个字符。可以像下面这样 手动使用迭代器:

    let message = "abc";
    let stringIterator = message[Symbol.iterator]();
console.log(stringIterator.next()); // {value: "a", done: false} console.log(stringIterator.next()); // {value: "b", done: false} console.log(stringIterator.next()); // {value: "c", done: false} console.log(stringIterator.next()); // {value: undefined, done: true}
在 for-of 循环中可以通过这个迭代器按序访问每个字符:
    for (const c of "abcde") {
      console.log(c);
}
    // a
    // b
    // c
    // d
    // e
    
有了这个迭代器之后，字符串就可以通过解构操作符来解构了。比如，可以更方便地把字符串分割 为字符数组:
    let message = "abcde";
    console.log([...message]); // ["a", "b", "c", "d", "e"]

字符串大小写转换
下一组方法涉及大小写转换，包括 4 个方法:toLowerCase()、toLocaleLowerCase()、

let stringValue = "hello world";
console.log(stringValue.toLocaleUpperCase()); // "HELLO WORLD" 
console.log(stringValue.toUpperCase()); // "HELLO WORLD" 
console.log(stringValue.toLocaleLowerCase()); // "hello world" 
console.log(stringValue.toLowerCase()); // "hello world"

字符串模式匹配方法
String 类型专门为在字符串中实现模式匹配设计了几个方法。第一个就是 match()方法，这个方
法本质上跟 RegExp 对象的 exec()方法相同。match()方法接收一个参数，可以是一个正则表达式字 符串，也可以是一个 RegExp 对象。来看下面的例子:

   let text = "cat, bat, sat, fat";
let pattern = /.at/;
// 等价于pattern.exec(text)
let matches = text.match(pattern); console.log(matches.index); // 0 console.log(matches[0]); // "cat" console.log(pattern.lastIndex); // 0

match()方法返回的数组与 RegExp 对象的 exec()方法返回的数组是一样的:第一个元素是与整 个模式匹配的字符串，其余元素则是与表达式中的捕获组匹配的字符串(如果有的话)。
另一个查找模式的字符串方法是search()。这个方法唯一的参数与match()方法一样:正则表达 式字符串或 RegExp 对象。这个方法返回模式第一个匹配的位置索引，如果没找到则返回1。search() 始终从字符串开头向后匹配模式。看下面的例子:

  let text = "cat, bat, sat, fat";
let pos = text.search(/at/);
console.log(pos);  // 1

这里，search(/at/)返回 1，即"at"的第一个字符在字符串中的位置。
为简化子字符串替换操作，ECMAScript 提供了 replace()方法。这个方法接收两个参数，第一个 参数可以是一个 RegExp 对象或一个字符串(这个字符串不会转换为正则表达式)，第二个参数可以是 一个字符串或一个函数。如果第一个参数是字符串，那么只会替换第一个子字符串。要想替换所有子字 符串，第一个参数必须为正则表达式并且带全局标记，如下面的例子所示:

console.log(result); // "cond, bat, sat, fat" 
let text = "cat, bat, sat, fat";
let result = text.replace("at", "ond");
result = text.replace(/at/g, "ond");
console.log(result);  // "cond, bond, sond, fond"

在这个例子中，字符串"at"先传给 replace()函数，而替换文本是"ond"。