<<深入理解ES6>>记:二
2017-11-13 本文已影响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