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

第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   
最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容