JavaScriptES6之字符串String新特性

今天离职了，挺舍不得的，现在下班了，把自己写的读书笔记发一篇

1、模板字符串

     模板字符串主要便于字符串拼接，可以把变量插入字符串中；

     代码如下：

let str1 = "hello";

let str2 = "world";

let str3 = `str1 is ${str1},str2 is ${str2}`;

以上就是模板字符串的基本用法，当然使用的时候需要注意几点

定义多行字符串

let str1 = "hello";

let str2 = "world";

let str3 = `str1 is ${str1},

str2 is ${str2}`;

 

直接换行即可，因为所有的空格缩进都会保留，代码上换了行，控制台输出的时候也会换行。

${ }中可以写js表达式

比如：

let a = 1;

let b = 2;

let c = `c is ${a+b}`;

${ }中可以写对象的属性

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

let str4 = `the str4 is ${obj.a+obj.b}`; 

${ }中可以进行函数的调用

function getRes() {

    return 1;

}

let str5 = `getRes is ${ getRes() }`;

2、标签模板

        模板指的是字符串模板，用反引号定义的字符串；而标签是处理模板字符串的函数。

let str1 = "hello";

let str2 = "world";

tagStr`str1 is ${str1},str2 is ${str2}`;

function tagStr(arr, v1, v2){

    console.log(arr, v1, v2);

}

       ’tagStr`str1 is ${str1},str2 is ${str2}`;’这个就是标签模板

3、repeat函数

该函数就是将字符串重复N次，返回一个新的字符串，不影响目标字符串。

4、includes函数

       该函数是用来判断字符串中是否含有指定的字符串，返回true表示含有和false表示未含有。第二个参数选填，表示开始搜索的位置。

5、 startsWith函数

        该函数是用来判断指定的子字符串是否出现在目标字符串的开头位置，第二个参数选填，表示开始搜索的位置。

name.startsWith('D')

true

name.startsWith('a')

false

name.startsWith('a',1)

true

6、endsWith函数

       该函数是用来判断子字符串是否出现在目标字符串的尾部位置，第二个参数选填，表示针对前N个字符。

name.endsWith('a')

false

name.endsWith('r')

true

name.endsWith('y', 3)

true

 

7、String.raw函数

         该函数返回字符串最原始的样貌，即使字符串中含有转义符，它都视而不见，直接输出。

未经过该函数处理是这样的：

 因为\n会被识别为换行符，实现换行效果，而经过String.raw( )的同一个字符串的结果是：