字符串的操作是很重要的,但ES5的方法容易出错还比较麻烦,ES6的字符串模板,字符串查找,字符串复制就很好的解决了这些问题。
字符串模板
- 简单的拼接,在ES5中我们想将几个字符串拼接起来就要用到+运算符和单引号,很容易因为哪块漏写单引号,加好位置不对出错,ES6中就引进了
1 | `${}` |
来简化拼接过程,中间不再需要单引号进来搅和,只需要把要被拼接的内容放在花括号里即可,具体看下面的栗子
1 | let vm1 = 'ES6'; |
- 支持数字计算,如下面的栗子,因为我没有把1,2用单引号包起来,ES6就会把他们当数字处理,就不会输出12,而是3。而在ES5中就要注意了,不能简单地用加号连接两个变量来得到和。
1 | let vm1 =1; |
字符串查找
在ES5中我们想判断字符串里有没有我们想要的东西要先用indexOf找一下再用大于零或者小于零才能得到true还是false,很麻烦,而ES6中很简单的就能得到,而且支持中文
1 | let v = '大连' |
这里说一下,要先定义一个要查找的变量,而不是想当然的直接就能vm.includes(大连)
字符串复制
当需要重复写很多东西时应用ES6就可以简简单单的代码完成这个任务,栗子如下
1 | document.write('大连|'.repeat(5)); |