Es6 字符串的扩展

1.coedPointAt()

var s = "𠮷";

s.length // 2
s.charAt(0) // ''
s.charAt(1) // ''
s.charCodeAt(0) // 55362
s.charCodeAt(1) // 57271

在js中原本的方法charCodeAt中无法识别Unicode 码点大于0xFFFF的字符,JavaScript 会认为它们是两个字符。他们的出现是啦弥补js以前的缺陷的,注意使他们,那么还有谁呢.

2.String.fromCodePoint

String.fromCodePoint(0x20BB7)

与String.fromCharCode方法相同,这个String.fromCharCode相同,这个就是我上边说的他们其中的一份子.

3.at()

'abc'.at(0) // "a"
'𠮷'.at(0) // "𠮷

与charAt方法类似,这位大哥也是上边的一份子;

4.字符串的循环遍历器

var str = '123'
for(var codePoint of str){
  console.log(codePoint)
  // 1
  // 2
  // 3
}

这位大佬终于不是上边的一份子啦,

5.includes(), startsWith(), endsWith()

let s = 'Hello world!';

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

这三个方法的返回值全部是布尔值
includes() 表示是否找到了参数字符串。
startsWith() 表示参数字符串是否在原字符串的头部。
endsWith() 表示参数字符串是否在原字符串的尾部。

6.repeat()

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

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

如果参数==0那么返回''(空串),如果是小数则会向下取整,如果是负数||Infinity,报错

7.padStart()，padEnd()

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

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

第一个参数为指定字符串加第二个参数长度的和,第二个参数为要补全的字符
如果原字符串的长度，等于或大于指定的最小长度，则返回原字符串。
如果省略第二个参数，默认使用空格补全长度。
如果用来补全的字符串与原字符串，两者的长度之和超过了指定的最小长度，则会截去超出位数的补全字符串。

'xxx'.padStart(2, 'ab') // 'xxx'
'xxx'.padEnd(2, 'ab') // 'xxx'
'xxx'.padEnd(5) // 'xxx  '  
'xxx'.padStart(10, '0123456789') // '0123456xxx'

8.模板字符串

以前在js输出可以换行的字符串是很费劲的,Es6中引入啦模板字符串来解决这个问题
模板字符串中嵌入变量，需要将变量名写在${}之中。

// 普通字符串
`In JavaScript '\n' is a line-feed.`

// 多行字符串
`In JavaScript this is
 not legal.`

console.log(`string text line 1
string text line 2`);

// 字符串中嵌入变量
let name = "Bob", time = "today";
`Hello ${name}, how are you ${time}?`