【ES6】字符串String+ES6扩展、新增方法

列出了字符串的扩展和新增方法，老的方法也全部列出方便使用。下文中str表示实例

• 增强对Unicode支持，以前只限于"\u0000"~"\uFFFF",超出该范围可用"\u{20BB7}"表示。tip：Unicode，统一码，为每种语言每个字符设定了统一且唯一的二进制编码。
• js字符串中U+005C反斜杠，U+000D回车，U+2028行分隔符，U+2029段分隔符，U+000A换行符不能直接使用字符，需要转义。后来允许直接输入U+2028行分隔符和U+2029段分隔符
• JSON.stringify()改造
• for...of遍历字符串
• 模板字符串
• 使用eval和compile编译模板
• 标签模板

String.raw()：该方法返回一个斜杠都被转义（即斜杠前面再加一个斜杠）的字符串，往往用于模板字符串的处理方法。

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

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

方法

str.toString()返回字符串。

str.valueOf()返回某个字符串对象的原始值。

1.字符和Unicode码点转换

tip：js内部，字符以 UTF-16 的格式储存，每个字符固定为2个字节。对于那些需要4个字节储存的字符（Unicode 码点大于0xffff的字符），js会认为它们是两个字符。

String.fromCharCode(0x0001,...,0xFFFF)：Unicode->字符串,识别范围0x0000-0xFFFF

String.fromCodePoint(0x20BB7,...,0x20BB7)：Unicode->字符串，能识别大于0xFFFF的字符。es6新增

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

str.charAt(index)：返回指定位置的字符。

str.charCodeAt(index)：返回指定位置的字符的码点。 

str.codePointAt(index)：返回指定位置的字符的码点，能够正确处理 4 个字节储存的字符，es6新增

        let s = "𠮷";
        s.length // 2
        s.charAt(0) // ''
        s.charAt(1) // ''
        s.charCodeAt(0) // 55362
        s.charCodeAt(1) // 57271

        let s = '𠮷a';
        s.length // 3
        s.codePointAt(0) // 134071
        s.codePointAt(1) // 57271
        s.codePointAt(2) // 97　

str.normalize()用来将字符的不同表示统一为同样的形式，成为Unicode正规化

2.查找某字符或字符串相关

str.indexOf(searchvalue,fromIndex)：返回首次index，无返回-1

str.lastIndexOf(searchvalue,fromIndex)：返回最后index，无返回-1

str.includes(searchvalue,fromIndex):返回布尔

str.startsWith(searchvalue,fromIndex)：返回布尔值，表示参数字符串是否在原字符串的头部

str.endsWith(searchvalue,n)：返回布尔值，表示参数字符串是否在原字符串的尾部。若有第2个参数表示针对前n个

        let s = 'Hello world!';

        s.startsWith('Hello') // true
        s.endsWith('!') // true
        s.includes('o') // true
        s.startsWith('world', 6) // true，从第n个开始
        s.endsWith('Hello', 5) // true，针对前n个字符
        s.includes('Hello', 6) // false，从第n个开始

3.正则方法(js正则是贪婪匹配)

str.search(regexp/str) 方法用于检索字符串中指定的子字符串，或检索与正则表达式相匹配的子字符串，并返回子串的起始位置，无返回-1

var str = "Visit Runoob!"; 
var n = str.search(/Runoob/i);  //6

str.replace(regexp/str,replacement) 方法用于在字符串中用一些字符替换另一些字符，或替换一个与正则表达式匹配的子串。

// 字符串替换
var txt = str.replace("Microsoft","Runoob");  

// 正则替换
var txt = str.replace(/microsoft/g,"Runoob"); 
var txt = str.replace(/microsoft/g,x=>{
    return 进行相应操作
});

str.match()找到一个或多个正则表达式的匹配,没有返回null，有返回数组

str.matchAll()

str.split(separator,limit)将字符串分割为数组，第一个参数是分割字符串或者正则，第二个限制返回数组的长度

4.重复

str.repeat(n)：返回新字符串，表示将原字符串重复n次，es6新增

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

参数规则

• 小数向下取整
• 负数或Infinity，报错
• 0~-1之间视为-0等同于0，NaN等同于0
• 字符串优先转换为数字

'na'.repeat('na') // ""
'na'.repeat('3') // "nanana"

5.清除空格

str.trim()：返回新字符串，去掉字符串两侧空格

str.trimStart()：返回新字符串，消除字符串头部的空格，es6新增

str.trimEnd()：返回新字符串，消除字符串尾部的空格，es6新增

const s = '  abc  ';

s.trim() // "abc"
s.trimStart() // "abc  "
s.trimEnd() // "  abc"

6.补全

str.padStart(n,str)：返回新字符串，头部补全,用str补全到长度为n，es6新增

str.padEnd(n,str)：返回新字符串，尾部补全,用str补全到长度为n，es6新增

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

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

7.截取、拼接

str.slice(start,end)：返回新字符串，截取指定的索引号之间的字符[start,end)，参数负数转换为+长度，都正数时，第一个参数大于第二个参数则截取长度为0

str.substring(start,end)：返回新字符串，提取指定的索引号之间的字符[start,end)，参数负数转换为0。参数较小的作为开始值

str.substr(start,length)：返回新字符串，从起始索引号提取字符串中指定长度的字符

str.concat(str1,...,strn)：返回拼接后的新字符串

8.大小写转换

str.toUpperCase()：返回新字符串，把字符串转换为大写

str.toLowerCase()：返回新字符串，把字符串转换为小写

str.toLocaleUpperCase()：返回新字符串，按照本地方式把字符串转换为大写

str.toLocaleLowerCase()：返回新字符串，按照本地方式把字符串转换为小写