ES6模板字符串拼接
- 传统的字符串拼接
let name = 'Li Hua'
let age = 7
let selfIntroduction = 'My name is ' + name + '.I am ' + age + 'years old.'
- es6模板字符串拼接
用两个反单引号``
包裹的字符串就是字符串模板,在字符串模板中可以使用${变量}
符号来引用变量。
let name = 'Li Hua'
let age = 7
let selfIntroduction = `My name is ${name}.I am ${age} years old.`
其他拼接方法
- 字符串concat()方法
String.prototype.concat()
concat() 方法将字符串参数连接到调用的字符串,并返回一个新的字符串。
使用字符串 concat() 方法可以把多个参数添加到指定字符串的尾部。该方法的参数类型和个数没有限制,它会把所有参数都转换为字符串,然后按顺序连接到当前字符串的尾部最后返回连接后的字符串。
let str1 = 'abc'
let str2 = str1.concat('d','e',3,true)
console.log(str1) // abc
console.log(str2) // abcde3true
- 数组join()方法
Array.prototype.join()
join() 方法将一个数组(或一个类数组对象)的所有元素连接成一个字符串并返回这个字符串,用逗号或指定的分隔符字符串分隔。如果数组只有一个元素,那么将返回该元素而不使用分隔符。
let arr = ['a', 'b', 'c', 'd']
console.log(arr.join()) // a,b,c,d
console.log(arr.join('')) // abcd
console.log(arr.join('*')) // a*b*c*d
参考文献: