1. 程式人生 > >es6學習三:字串相關擴充套件

es6學習三:字串相關擴充套件

includes() :

判斷字串中是否包含指定的字串(有的話返回true,否則返回false)
引數一:匹配的字串;引數二:從第幾個開始匹配

console.log('hello world'.includes('world'));

console.log('hello world'.includes('world',7));

startsWith() :

 判斷字串是否以特定的字串開始

let url = 'admin/index.php';
console.log(url.startsWith('aadmin'));

endsWith()  :

判斷字串是否以特定的字串結束

let url = 'admin/index.php';
console.log(url.endsWith('phph'));

模板字串:

模板字串之前的一般做法:

let obj = {
    username : 'lisi',
    age : '12',
    gender : 'male'
}

let tag = '<div><span>'+obj.username+'</span><span>'+obj.age+'</span><span>'+obj.gender+'</span></div>';
console.log(tag);

模板字串做法(反引號表示模板,模板中的內容可以有格式,通過${}方式填充資料):

let obj = {
    username : 'lisi',
    age : '12',
    gender : 'male'
}
let fn = function(info){
    return info;
}
let tpl = `
    <div>
        <span>${obj.username}</span>
        <span>${obj.age}</span>
        <span>${obj.gender}</span>
        <span>${1+1}</span>
        <span>${fn('nihao')}</span>
    </div>
`;
console.log(tpl);