ES6学习笔记(5)--字符串模板

引言：在ES6中提供了一个字符串模板，这个笔记中将列出ES5和ES6对字符串的操作。

开始学习

1.ES5对字符串的拼接

var str1 = 'tony';

var str2 = "hello!"+str1+",welcome to my home"

console.log(str2);

2.ES6对字符串的拼接

let str1 = 'tony';

let str2 = `hello!${str1},welcome to my home`

console.log(str2);

同时还可以满足基本的运算

let a = `${1+3}`;

console.log(a); //输出3

3.字符串查找

以下是ES5对字符串的查找

var str1 = 'hello';

var str2 = 'hello,i am here!'

document.write(str2.indexOf(str1));

输出：

意思是从低0 个开始出现所找的字符，一般用来判断字符串否存在

document.write(str2.indexOf(str1)>0);

以下是ES6对字符串的查找

let str1 = 'hello';

let str2 = 'hello,i am here!'

document.write(str2.includes(str1));

输出：

这里的话就是直接输出true 或 false,表明是否存在字符串

***判断开头或者结尾是否存在字符串***s

str2.startsWith(str1);//判断开头是否存在字符串

str2.endsWith(str1);//判断结尾是否存在字符串

这里有更全面的：字符串的新增方法

以上就是字符串模板的学习笔记

上一篇：ES6学习笔记(4)--扩展运算符和rest运算符

下一篇：ES6学习笔记(6)--数字的操作