ES6 — 字符串String

　　ES6对字符串新增了一些函数和操作规范。下面我们来看ES6中对字符串新加的特性。

1、模版字符串 (即用反引号定义的字符串)

　传统的字符串拼接通过我们使用'+'号与变量连接。例如：

　　let name='HH';

　　let str='Hello'+name;

　在ES6中，引入了 $() 和反引号 ``，新的写法为：

　　let name='HH';

　　let  age=12;

　　let str=`He is ${name}, he is ${age}.` (注意：这里是反引号)

　使用时注意的地方：

　　(1) 当字符串需要换行时，不必在换行出使用'+'号连接(传统的换行方式)，而是直接换行：

　　　传统:　let str='write once'+'run anywhere';

　　　ES6:　let str=`write once,

　　　　　　　　run anywhere`;

　　  但是ES6的这种写法有一个问题，就是换行时的空格会保留，因此在输出的结果也是换行的。

　　(2) ${} 中可以放任意的javascript表达式：

• ${}运算表达式：

　　　var a=1;

　　　var b=2;

　　　var str=`result is:${a+b}`;

• ${}中可以是对象属性：

　　　var obj={"a":1,"b":2};

　　　var str=`result is ${obj.a+obj.b}`;

• ${}中可以是函数表达式：

　　　function fn(){return 3;};

　　   var str=`result is ${fn()}`;

2、标签模版 (可以理解为标签函数+模版字符串)

　   我们先来看一个例子：

　   var name='张三';

　　var age='18';

　　tagFn`他叫${name},年龄${age}岁。`;    //调用函数，我们可以按照自己的需求组合参数。

　　function tagFn(arr,v1,v2){          //定义函数

　　　　console.log(arr);    //['他叫' , '，身高' , '岁。']

　　　　console.log(v1);   //张三

　　　　console.log(v2);    //18

　　}

这就是标签模版，他可以用来过滤用户的非法输入和多语言转换。

3、repeat函数 (复制字符串作用)

　　可以将目标字符串复制n次，返回一个新字符串，而不影响原来的字符串：

　　var name='你好';

　　var name1=name.repeat(3);

　　console.log(name);  //你好

　　console.log(name1);  //你好你好你好

4、 includes函数 (判断字符串是否含有子字符串，返回true或false)

　　var name='你好，再见';

　　name.includes('好')    //true

　　name.includes('哈')  //false

　　name.includes('好',1)    //1指定了查找到开始字符串，表示从第二个字符开始向后查找目标(包括第2个)，true

在传统字符串操作中，indexOf() 也可以用来查找是否含有指定目标，含有则返回第一次出现的位置，不含则返回-1。

5、startsWith (是否在开头位置出现) 和 endsWidth (是否在结尾位置出现) 返回true或false)

　　var name='你好再见';

　　name.startsWith('好')    //false

　　name.startsWith('好',1)  //1指定了查找到开始字符串，表示从第二个字符开始向后查找目标(包括第2个)，true

　　name.endsWith('再')  //false

　　name.endsWith('好',2)  //true 针对前2个字符串查找。

　　name.endsWith('好',3)  //false 针对前3个字符串查找。

6、codePointAt 函数 和 String.fromCodePoint 函数

　codePointAt 函数用来读取4字节的字符，与之前的charAt()比较。

　　在javascript中一个字符固定为2个字节，对于需要用四个字节存储的字符，如空格" "，javascript会认为它是2个字符，即length=2，这时无法用charAt()正确读取。

　　var str1="你好";

　　var str2=" ";

　　str1.charAt(0)  //你

　　srt2.charAt(0) //出错

　　这时我们需要codePointAt函数实现对4字节字符的操作：

　　　　str2.codePointAt()   //134071

　　返回值为该四字节字符的Unicode编码的十进制值。134071 的十六进制值为20bb7。在Unicode编码中，空格的编码为\u20bb7。

　　我们可以用String.fromCodePoint()函数来做反变换。

　　　　String.fromCodePoint(134071)     // " "

7、String.raw() 函数 (按原样输出，不做任何处理。 raw表示不加工)

　　不使用此函数时：console.log(`hello\nworld`);

　　结果：　　　　hello             //   \n被转义为换行

　　　　　word

　而使用String.raw() 函数：

　　console.log(String.raw`hello\nworld`)   // hello\nworld 不做转义操作

　　String.raw()函数常用来作为一个模版字符串的处理函数，即直接在后边加模版字符串。

——————————————————————

参考公众号：web前端教程