1. 程式人生 > >ES6 字串 ${name}

ES6 字串 ${name}

在沒有學習ES6之前的字串書寫和插入,我使用的方法是:

var str1 = "chen",str2 = "shi";
var html = "我的姓氏是" + str1 + "我叫" + str2;
console.log(html);

學習了ES6字串模板之後:

var str1 = "chen",str2 = "shi";
var html = `我的姓氏是${str1},我叫${str2}`;
console.log(html);

字串查詢

let str = "banana apple";
//字串查詢
str.indexOf('banana');//返回查詢的字串的位置(索引),若無則返回-1
str.includes('banana');//返回true/false

判斷瀏覽器:includes()

判斷字串以?開頭,或以?結尾

var str = 'style.css'
var str1 = 'html.png'

str1.startsWith("html");
str.endsWith("css");

字串填充

var str1 = "123",str2 = "急死俺";

str1.repeat(num);//重複str1的值,num的值自定義,若num=3,則顯示三個str1的值
str1.padStart( str1.lenght + str2.length , str2 );//在str1前填充
str1.padEnd( str1.lenght + str2.length , str2 );//在str1後填充