ES6笔记-字符串方法

字符串方法

笔记来自于网上的ES6学习资料整理

1.String.fromCodePoint()

用于从 Unicode 码点返回对应字符，可识别大于0xFFFF的字符（ES5的String.fromCodePoint（）不可以），与codePointAt（）方法作用相反。

String.fromCodePoint(0x20BB7)
// "𠮷"
String.fromCodePoint(0x78, 0x1f680, 0x79) === 'x\uD83D\uDE80y'
// true

2.String.raw()

ES6还为原生的String对象。

String.raw`Hi\n${2+3}!`
// 实际返回 "Hi\\n5!"，显示的是转义后的结果 "Hi\n5!"

String.raw`Hi\u000A!`;
// 实际返回 "Hi\\u000A!"，显示的是转义后的结果 "Hi\u000A!"

如果原字符串的斜杠已经转义，那么String.raw()会进行再次转义。

String.raw`Hi\\n`
// 返回 "Hi\\\\n"

String.raw`Hi\\n` === "Hi\\\\n" // true

String.raw()方法可以作为处理模板字符串的基本方法，它会将所有变量替换，而且对斜杠进行转义，方便下一步作为字符串来使用。

3实例方法

3.1 includes(), startsWith(), endsWith()

includes()：返回布尔值，表示是否找到了参数字符串。
startsWith()：返回布尔值，表示参数字符串是否在原字符串的头部。
endsWith()：返回布尔值，表示参数字符串是否在原字符串的尾部。
这三个方法都支持第二个参数，表示开始搜索的位置。

let s = 'Hello world!';

s.startsWith('Hello') // true
s.endsWith('!') // true
s.includes('o') // true

s.startWith('world',6)//t
s.endsWith('Hello',5)//t
s.includes('Hello',6)//F

上面代码表示，使用第二个参数n时，endsWith的行为与其他两个方法有所不同。它针对前n个字符，而其他两个方法针对从第n个位置直到字符串结束。

3.2 repeat()

repeat方法返回一个新字符串，表示将原字符串重复n次。

'x'.repeat(3) // "xxx"
'hello'.repeat(2) // "hellohello"
'na'.repeat(0) // ""

输入负数或者Infinity报错
输入小数取整
NaN等同于0

3.3 padStart()，padEnd()

ES2017 引入了字符串补全长度的功能。如果某个字符串不够指定长度，会在头部或尾部补全。padStart()用于头部补全，padEnd()用于尾部补全。

'x'.padStart(5, 'ab') // 'ababx'
'x'.padStart(4, 'ab') // 'abax'

'x'.padEnd(5, 'ab') // 'xabab'
'x'.padEnd(4, 'ab') // 'xaba'

3.4 trimStart()，trimEnd()

对字符串实例新增了trimStart()和trimEnd()这两个方法。它们的行为与trim()一致，trimStart()消除字符串头部的空格，trimEnd()消除尾部的空格。它们返回的都是新字符串，不会修改原始字符串。
trimLeft()和trimRight()方法分别用于从字符串开始和末尾清理空格符

3.5 replaceAll（）

它的用法与replace()相同，返回一个新字符串，不会改变原字符串，引入了replaceAll()方法，可以一次性替换所有匹配。
replace（）只能替换第一个匹配，如果要一环所有匹配不得不使用正则表达式的 g 全局修饰符
返回一个新字符串，如果使用正则表达式必须带有g修饰符
replaceAll()的第二个参数replacement是一个字符串，表示替换的文本，其中可以使用一些特殊字符串。

• $&：匹配的子字符串。
• $` ：匹配结果前面的文本。
• $’：匹配结果后面的文本。
• $n：匹配成功的第n组内容，n是从1开始的自然数。这个参数生效的前提是，第一个参数必须是正则表达式。
• $$：指代美元符号$。
  replaceAll()的第二个参数replacement除了为字符串，也可以是一个函数，该函数的返回值将替换掉第一个参数searchValue匹配的文本。

'aabbcc'.replaceAll('b', () => '_')
// 'aa__cc'

4.基本操作方法

4.1

ECMAScript提供了3个从字符串中提取子字符串的方法：slice()、substr()和substring()。这3个方法都返回调用它们的字符串的一个子字符串，而且都接收一或两个参数。第一个参数表示子字符串开始的位置，第二个参数表示子字符串结束的位置。对slice()和substring()而言，第二个参数是提取结束的位置（即该位置之前的字符会被提取出来）。对substr()而言，**第二个参数表示返回的子字符串数量。**任何情况下，省略第二个参数都意味着提取到字符串末尾。与concat()方法一样，slice()、substr()和substring()也不会修改调用它们的字符串，而只会返回提取到的原始新字符串值。

let stringValue = "hello world";
console.log(stringValue.slice(-3);//"rld"等价于slice(stringValue.length - 3)
console.log(stringValue.substring(-3));//"hello world"等价于substring(0)
console.log(stringValue.substr(-3));//"rld"
console.log(stringValue.slice(3,-4));//"lo w"
console.log(stringValue.substring(3,-4));//"hel"
console.log(stringValue.substr);//""

在给slice()和substr()传入负参数时，它们的返回结果相同。这是因为-3会被转换为8（长度加上负参数），实际上调用的是slice(8)和substr(8)。而substring()方法返回整个字符串，因为-3会转换为0。在第二个参数是负值时，这3个方法各不相同。slice()方法将第二个参数转换为7，实际上相当于调用slice(3, 7)，因此返回"lo w"。而substring()方法会将第二个参数转换为0，相当于调用substring(3, 0)，等价于substring(0, 3)，这是因为这个方法会将较小的参数作为起点，将较大的参数作为终点。对substr()来说，第二个参数会被转换为0，意味着返回的字符串包含零个字符，因而会返回一个空字符串。

5.字符串包含方法

1）
startsWith()
endsWith()
includes()
传入第一个参数都是字符串，返回值是布尔值

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

2）
startsWith()
includes()
传入第二个参数表示起始搜索地址
3）
endsWith()
传入的第二个参数当做字符串末尾的位置