ES6深入理解之字符串新增方法

1、String.fromCodePoint()

• 可以识别大于0xFFFF的字符，正好与 codePointAt() 方法相反
• fromCodePoint方法定义在String对象上，而codePointAt方法定义在字符串的实例对象上

2、String.raw()

• 该方法返回一个斜杠都被转义的字符串

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()本质上是一个正常的函数，只是专用于模板字符串的标签函数。如果写成正常函数的形式，它的第一个参数，应该是一个具有raw属性的对象，且raw属性的值应该是一个数组，对应模板字符串解析后的值

// `foo${1 + 2}bar`
// 等同于
String.raw({ raw: ['foo', 'bar'] }, 1 + 2) // "foo3bar"
//String.raw()方法的第一个参数是一个对象，它的 raw 属性等同于原始模板字符串解析后的数组

• String.raw()的代码实现如下

string.raw = function(strings, ...value){
	let output = '';
	let index;
	for(index=0; index<value.length; index++){
		output += strings.raw[index] + value[index]
	}
	output += strings.raw[index]
	return output
}

3、实例方法：includes(), startsWith(), endsWith()

• includes() 返回布尔值，表示是否找到参数字符串
• startsWith() 返回布尔值，表示参数字符串是否在字符串的头部
• endsWith() 返回布尔值，表示参数字符串是否在字符串的尾部

let s = 'Hello world!';

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

• 这三个方法都支持第二个参数，表示开始搜索的位置

let s = 'Hello world!';

s.startsWith('world', 6) // true
s.endsWith('Hello', 5) // true
s.includes('Hello', 6) // false

• startWith() 和 includes() 方法的第二个参数表示的都是从第 n 个字符开始
• endsWith() 的第二个参数表示的是前 n 个字符

4、实例方法: repeat()

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

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

• 参数如果是小数，会被向下取整

 'na'.repeat(2.9) // "nana"

• 如果 repeat() 的参数是负数或者 Infinity ，就会报错
• 如果参数是 0 到-1 之间的小数，则等同于 0，这是因为会先进行取整运算。0 到-1 之间的小数，取整以后等于-0，repeat视同为 0
• 参数 NaN 等同于 0

5、实例方法: padStart() padEnd()

• 字符串补全长度
• padStart() 头部补全长度，padEnd() 尾部补全长度

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

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

• 此方法一共接受两个参数，一个是最大补全长度，第二个参数是补全的字符串
• 如果原字符串长度大于或等于最大补全长度，那么字符串补全不生效，返回原字符串
• 如果补全字符串和原字符串加起来的长度大于补全最大长度，那么会截取补全字符串的位数
• 如果省略第二个参数，默认会使用空格补全

6、实例方法：trimStart()，trimEnd()

• 这两个方法的行为和 trim() 一致，trimStart() 是消除头部的空格，trimEnd() 是消除尾部的空格
• trimLeft() 是 trimStart() 的别名，trimRight() 是 trimEnd() 的别名

7、实例方法：replaceAll()

• 字符串的 replace() 方法只能替换第一个匹配
• replaceAll()方法，可以一次性替换所有匹配
• 和 replace() 方法一样，返回一个新的字符串，不会改变原字符串

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

8、实例方法：at()

• at() 方法接受一个整数作为参数，返回参数指定位置的字符，支持负索引（即倒数的位置）

const str = 'hello';
str.at(1) // "e"
str.at(-1) // "o"

• 索引超过字符串的长度返回 undefined