ES6 第三章关于“字符串” 不得不说的扩展~

最新推荐文章于 2023-03-01 18:47:24 发布

徐行莫停

最新推荐文章于 2023-03-01 18:47:24 发布

阅读量247

点赞数

分类专栏： ES6知识整理文章标签： ES6

本文链接：https://blog.csdn.net/qq_35765126/article/details/78063307

版权

ES6知识整理专栏收录该内容

5 篇文章 0 订阅

订阅专栏

1. 字符的Unicode表示法

码点超出范围（\u0000~\uFFFF）的字符用双字节表示,如果直接在\u后面跟上超过0xFFFF的数值（比如\u20BB7），JavaScript会理解成\u20BB+7。由于\u20BB是一个不可打印字符，所以只会显示一个空格，后面跟着一个7。
ES6 对这一点做出了改进，只要将码点放入大括号，就能正确解读该字符。
这里写图片描述

2. codePointAt（）

codePointAt（）正确处理4个字节储存的字符，返回一个字符的码点。十进制表示，toString（16）可以将其转换为16进制。JavaScript内部，字符以UTF-16的格式储存，每个字符固定为2个字节。对于那些需要4个字节储存的字符（Unicode码点大于0xFFFF的字符），JavaScript会认为它们是两个字符。

charCodeAt() 方法可返回指定位置的字符的 Unicode 编码。这个返回值是 0 - 65535 之间的整数。
方法 charCodeAt() 与 charAt() 方法执行的操作相似，只不过前者返回的是位于指定位置的字符的编码，而后者返回的是字符子串。

解决codePointAt（）参数问题的方法
这里写图片描述

测试一个字符由两个字节还是由四个字节组成

这里写图片描述

3. String.formCodePoint()

String.fromCodePoint方法，可以识别大于0xFFFF的字符，弥补了String.fromCharCode方法(超出范围的部分会溢出被舍弃)的不足。若String.fromCodePoint方法有多个参数，则它们会被合并成一个字符串返回。
注意： fromCodePoint方法定义在String对象上，而codePointAt方法定义在字符串的实例对象上。

4.字符串的遍历器接口

字符串因为被添加了遍历器接口，所以字符串可以被for of循环遍历，此遍历器优点是可以识别大于0xFFFF的码点，传统的for循环无法识别这样的码点。

5.at（）

识别 Unicode 编号大于0xFFFF的字符，返回正确的字符。

6.normalize（）

许多欧洲语言有语调符号和重音符号。表示它们的方法有两个：一是直接提供带重音符号的字符，比如Ǒ（\u01D1）。二是提供合成符号（combining character），即原字符与重音符号的合成，两个字符合成一个字符，比如O（\u004F）和ˇ（\u030C）合成Ǒ（\u004F\u030C）。但JS认为他俩不相等，他将第二种方法表示的字符认为是两个字符导致不等。normalize()方法，用来将字符的不同表示方法统一为同样的形式，这称为 Unicode 正规化。normalize方法目前不能识别三个或三个以上字符的合成。这种情况下，还是只能使用正则表达式，通过Unicode编号区间判断。

7.includes(), startsWith(), endsWith()

确定一个字符串是否包含在另一个字符串中，都支持第二个参数（表示开始搜索的位置） 需要注意的是： 使用第二个参数n时，endsWith针对前n个字符，而其他两个方法针对从第n个位置直到字符串结束。

8.repeat()

参数如果是小数会取整（3.8取整为3，0到-1之间是-0被视为0），参数是负数或者，Infinity，会报错。参数NaN等同于0。参数是字符串，则会先转换成数字。

9.padStart(),padEnd()

字符串补全长度的功能，头部补全或尾部补全。接受两个参数，第一个指定字符串的最小长度，第二个参数是用来补全的字符串。

若length（原）>= length（指定的最小长度），return原字符串
若补全字符串与原字符串长度之和超过指定的最小长度，则截去超出的部分
省略第二个参数，默认使用空格补全长度。

10.模板字符串

“用反引号标识，

用于普通字符串
定义多行字符串（所有的空格和缩进都会被保留在输出之中。trim方法可消除）
在字符串中嵌入变量（需提前声明），可以放入任意的JavaScript表达式，可以进行运算，以及引用对象属性。

var obj = {x: 1, y: 2};
`${obj.x + obj.y}`
// "3"
function fn() {
  return "Hello World";
}

`foo ${fn()} bar`
// foo Hello World bar

4 . 如果在模板字符串中需要使用反引号，则前面要用反斜杠转义。


// 字符串中嵌入变量
var name = "Bob", time = "today";
`Hello ${name}, how are you ${time}?`

5.引用模板字符串本身，在需要时执行，可以像下面这样写。

// 写法一
let str = 'return ' + '`Hello ${name}!`';
let func = new Function('name', str);
func('Jack') // "Hello Jack!"

// 写法二
let str = '(name) => `Hello ${name}!`';
let func = eval.call(null, str);
func('Jack') // "Hello Jack!"

11.标签模板

是函数调用的一种特殊形式，函数的第一个参数是一个数组，数组的成员是模板字符串中不被变量替换的部分，第一个参数strings，有一个raw属性参照下一节

    敲黑板！！！这里有一个比较坑的地方；肯定不止我一个人发现在第一数组参数，最后一个元素是空字符串，我测试了一下，发现只要参数里有变量，数组参数就会有一个空字符串，就是这么个意思也不知道表达的对不对，下面有图

这里写图片描述

12.String.Raw()

使字符串里面的斜杠都被转义了（即斜杠前面再加一个斜杠）如果原字符串的斜杠已经转义，那么String.raw不会做任何处理。

String.raw({ raw: 'test' }, 0, 1, 2);
// 't0e1s2t'

// 等同于
String.raw({ raw: ['t','e','s','t'] }, 0, 1, 2);