ES6对字符串新增了一些函数和操作规范,使得开发者对字符串的操作更加方便,以往需要借助其他javascript代码才能实现的效果,现在利用这些函数即可快速实现。
一. 模版字符串
“模板字符串”是字符串的一个新特性,传统的字符串实现拼接的时候,要将变量插入字符串中,语法是这样的:
var name = "王永杰";
var age = 25;
//传统字符串拼接
var str = "我的名字叫:" + a + ",今年" + b + "岁;" ;
console.log(str)
上面变量 str 代码实现将变量 name 和 age 插入字符串中,这种写法没什么不好,只是数据一旦多起来就很繁琐,你会看到N多个加号“+”,N多个引号’ “” ‘,ES6给了我们另一种更简捷的写法,来看一下下面这段小代码:
var name = "王永杰"
var age = 25;
//模板字符串拼接
var str = `我的名字叫:${name},今年${age}岁;`
console.log(str)
对比两段拼接的代码,模板字符串使得我们不再需要反复使用双引号(或者单引号)了;而是改用反引号标识符(`),插入变量的时候也不需要再使用加号(+)了,而是把变量放入${ }即可。
以上就是模板字符串的用法,下面来介绍使用时要注意的地方:
1、可以定义多行字符串
传统的多行字符串写法:
var str = "张三 ," +
"李四";
console.log(str)
模板字符串的写法:
var str = `张三 ,
李四`;
console.log(str)
直接换行即可,但是要注意的是:所有的空格和缩进都会被保留在输出中。如果控制台输出字符串str的话,代码上换了行,控制台输出的时候也会换行。
2、${ }中可以放任意的javascript表达式
${ }中可以是运算表达式
var a = 1;
var b = 2;
var str = `a +b 的和为${a+b}`;
//进行加法运算
console.log(str) //a +b 的和为3
${ }中可以是对象的属性
var obj = {
"a