字符串操作

字符串的操作是很重要的,但ES5的方法容易出错还比较麻烦,ES6的字符串模板,字符串查找,字符串复制就很好的解决了这些问题。


字符串模板

  1. 简单的拼接,在ES5中我们想将几个字符串拼接起来就要用到+运算符和单引号,很容易因为哪块漏写单引号,加好位置不对出错,ES6中就引进了
1
`${}`

来简化拼接过程,中间不再需要单引号进来搅和,只需要把要被拼接的内容放在花括号里即可,具体看下面的栗子

1
2
3
let vm1 = 'ES6';
let vm2 = `发现${vm1}很好学`;
console.log(vm2);
  1. 支持数字计算,如下面的栗子,因为我没有把1,2用单引号包起来,ES6就会把他们当数字处理,就不会输出12,而是3。而在ES5中就要注意了,不能简单地用加号连接两个变量来得到和。
1
2
3
4
let vm1 =1;
let vm2 = 2;
let vm3 = `${vm1+vm2}`
console.log(vm3);

字符串查找

在ES5中我们想判断字符串里有没有我们想要的东西要先用indexOf找一下再用大于零或者小于零才能得到true还是false,很麻烦,而ES6中很简单的就能得到,而且支持中文

1
2
3
let v = '大连'
let vm = "welcome to 大连";
console.log(vm.includes(v));

这里说一下,要先定义一个要查找的变量,而不是想当然的直接就能vm.includes(大连)

字符串复制

当需要重复写很多东西时应用ES6就可以简简单单的代码完成这个任务,栗子如下

1
document.write('大连|'.repeat(5));
-------------本文结束感谢您的阅读-------------