ES6 ( 三 ) 字符串扩展

Posted 2020-08-19 雨中伞

一、字符Unicode表示方法   

　　ES6中可以使用以下6种方法表示字符

‘\z‘ === ‘z‘  // true
‘\172‘ === ‘z‘ // true
‘\x7A‘ === ‘z‘ // true
‘\u007A‘ === ‘z‘ // true
‘\u{7A}‘ === ‘z‘ // true

二、codePointAt()

　　该方法和charCodeAt() 作用一样    但是能处理4个字节表示的字符（Unicode码点大于0xFFFF的字符）

三、At()

　　和charAt()一样   但是能处理4个字节表示的字符（Unicode码点大于0xFFFF的字符）

四、normalize()

　　可以表示欧洲语言有语调符号和重音符号

以上四种方法都是为了能够能处理4个字节表示的字符（Unicode码点大于0xFFFF的字符）

接下来的方法有些不同：

　　①新的字符串遍历接口(Iterator) 

　　　　遍历方法  for ... of ...

for (let code of ‘string‘) {
  console.log(code)
}
// "s"
// "t"
// "r"
// "i"
...

 

　　②includes()、startsWith()、endsWith()

　　　　includes()：返回布尔值，表示是否找到了参数字符串。

　　　　startsWith()：返回布尔值，表示参数字符串是否在源字符串的头部。

　　　　endsWith()：返回布尔值，表示参数字符串是否在源字符串的尾部。

　　　　三个方法都支持第二个参数 ---- 查找的位置

var s = ‘Hello world!‘;

s.startsWith(‘world‘, 6) // true    第二个参数开始的位置
s.endsWith(‘Hello‘, 5) // true    第二个参数字符结束的位置
s.includes(‘Hello‘, 6) // false    第二个参数开始的位置

　　③repeat()

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

　　④模板字符串

　　　　一般是键盘左上角ESC键下面那个键 可以做模板字符串使用

$(‘#result‘).append(`
  There are <b>${basket.count}</b> items
   in your basket, <em>${basket.onSale}</em>
  are on sale!
`);

// 需要提前声明place变量
var msg = `Hello, ${place}`;

//还可以做模板字符串的嵌套、方法调用等字符串操作    

注：模板字符串会默认转译  所以不要套用其他语言    -----   现在已经出了一些解决方案了   你可以自己去看看