首页 > 代码库 > ES6 ( 三 ) 字符串扩展

ES6 ( 三 ) 字符串扩展

一、字符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}`;

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

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

 

ES6 ( 三 ) 字符串扩展