美文网首页
<<深入理解ES6>>记:二

<<深入理解ES6>>记:二

作者: 闫小兀 | 来源:发表于2017-11-13 22:27 被阅读36次

第2章 字符串和正则表达式

1.在ECMAScript6出现以前,JavaScript字符串一直基于16位字符编码(UTF-16)进行构建.

2.新增了完全支持UTF-16的 codePointAt() 方法
这个方法接受编码单元的位置而非字符位置作为参数, 返回与字符串中给定位置对应的码位,即一个整数值

let text = '𠮷';
console.log(text.codePointAt(0));    // 134071

3.和上面方法相反
使用String.fromCodePoint()方法根据指定的码位生成一个字符

console.log(String.fromCodePoint(134071));  // '𠮷'

4.字符串添加一个normalize()方法,它可以提供Unicode的标准化形式
方法接受一个可选参数,指明应用以下某种 Unicode 标准化形式: ('NFC', 'NFD', 'NFKC', 'NFKD')

如果开发一款国际化的应用,那么normalize()方法就有用得多了

注释: 切记在进行排序和比较操作前,将被操作字符串按照统一标准进行标准化

5.正则表达式u修饰符

let text = '𠮷';
console.log(text.length);            // 2
console.log(/^.$/.test(text));       // false
console.log(/^.$/u.test(text));      // true

6.字符串中的子串识别

  • includes(), 在字符串检测, 结果true/false
  • startsWith(), 在字符串起始位置检测, 结果 true/false
  • endsWith(), 在字符串结束位置检测, 结果 true/false

注释: 以上方法不能处理传入正则, 而旧方法indexOf(), lastIndexOf()把传入的正则表达式转化为一个字符串并搜索它.

7.repeat(), 参数number. 表示该字符串的重复次数

console.log('x'.repeat(3));   // 'xxx';

8.正则表达式 y 修饰符

  • 它会影响正则表达式搜索过程中的 sticky 属性, 它通知搜索从正则表达式的lastIndex属性开始进行.
  • 检测y修饰符是否存在
let pattern = /hello\d/y
console.log(pattern.sticky); // true

9.正则表达是我的复制

  • 在ECMAScript5中, 可以通过给RegExp构造函数传递正则表达式作为参数,来复制这个正则表达式
var re1 = /ab/i, re2 = new RegExp(re1);   // 可以
re3 = new RegExp(re1, 'g');  // 在ES5中抛出错误, 在ES6中正常运行(可以通过第二个参数修改其修饰符)

10.flags 属性
ES6中可以通过访问flags返回当前正则表达式的修饰符字符串

let re = /ab/g;
console.log(re.source);  // 'ab'
console.log(re.flags);  // 'ab'

11.模板字面量

  • 基本语法
let message = `hello world`;
  • 多行字符串
ES5:
 var message = "multiline \n
                     string"

ES6: 
 let message = `multiline
                     string` 
注意点: 在反撇号中的所以空白符都属于字符串中的一部分
  • 字符串占位
let name = 'hello';
    message = `${name}, world`;
console.log(message);   // hello, world   

相关文章

  • Mybatis中特殊符号转移

    1. 写法1 原符号替换符号<<<=<=>>>=>=<><>&&'&a...

  • <<深入理解ES6>>记:二

    第2章 字符串和正则表达式 1.在ECMAScript6出现以前,JavaScript字符串一直基于16位字符编码...

  • test

    <script>alert(1);</script>

  • 无标题文章

    <script>alert('hello’);</script>

  • <<深入理解ES6>>记:七

    第7章 Set集合和Map集合 1.问题描述 2.ES6中的Set集合ES6中新增的Set类型是一种有序列表,其中...

  • <<深入理解ES6>>记:六

    第6章 Symbol和Symbol属性 在ES5语言中包含5种原始类型:字符串, 数字, 布尔型, null, u...

  • <<深入理解ES6>>记:一

    ECMAScript之路 1.新增的语言特性涉足甚广, 包括: 模块,类,类继承,私有对象成员,可选类型注释等特性...

  • <<深入理解ES6>>记:四

    第4章 扩展对象的功能性 1.对象字面量语法扩展 属性初始值的简写 对象方法的简写语法 可计算属性名(Comput...

  • <<深入理解ES6>>记:五

    第5章 解构:使数据访问更便捷 1.对象解构 允许默认值 为不同名局部变量赋值 嵌套对象解构 2.数组解构 3.不...

  • <<深入理解ES6>>记:三

    第三章 函数 1.函数形参的默认值 2.arguments在非严格模式下, 命名参数的变化会同步更新到argume...

网友评论

      本文标题:<<深入理解ES6>>记:二

      本文链接:https://www.haomeiwen.com/subject/bhmtvxtx.html