ES5下的字符串拼接:
let foo='es5';
let bar='I am '+foo+',how do you do ?'
document.write(bar); //I am es5,how do you do
+foo+的形式拼接,很麻煩而且很容易出錯(cuò),ES6新增了字符串模板,可以很好的解決這個(gè)問題,我們引用變量用${foo}這種形式就可以了。
let foo='es5';
let bar=`I am ${foo},how do you do ?` //注意符合` 反引號(hào)是來包裹住字符串的,而不是單引號(hào)。反引號(hào)在鍵盤tab鍵的正上方。
document.write(bar); //I am es5,how do you do
在字符串模板還可以輸入html標(biāo)簽。
<b>字符串查找</b>
ES6還增加了字符串的查找功能,支持中文。
ES5的寫法:
let foo='es5';
let bar=`I am ${foo},how do you do ?`
document.write(bar.indexOf(foo)); //5
ES6直接用includes就可以判斷,不再返回索引值。
let foo='es5';
let bar=`I am ${foo},how do you do ?`
document.write(bar.includes(foo)); //true
bar.startsWith(foo); //判斷開頭是否存在
bar.endsWith(foo); //判斷結(jié)尾是否存在
復(fù)制字符串
document.write(foo.repeat(3));//es6es6es6