ES6字符串實例分析

這篇文章主要講解了“ES6字符串實例分析”，文中的講解內容簡單清晰，易于學習與理解，下面請大家跟著小編的思路慢慢深入，一起來研究和學習“ES6字符串實例分析”吧！

1、多了兩個新方法

（1）startWith：判斷一個字符串是否以某個字段開頭

let str='asdfgh';console.log(str.startsWith('a'));//true

應用：

let str='http://it.kaikeba.com';if(str.startsWith('http://')){    console.log("普通網址")}else if(str.startsWith('https://')){    console.log("加密網址")}else if(str.startsWith('git://')){    console.log("git網址")}else if(str.startsWith('svn://')){    console.log("svn網址")}else{    console.log("其他網址")}

（2）endsWith：判斷一個字符串是否以某個字段結尾

同理：

let str='asdfg.txt';if(str.endsWith('.txt')){    console.log("文本文件")}else if(str.endsWith('.png')){    console.log("png圖片")}else if(str.endsWith('.jpg')){    console.log("jpg圖片")}else{    console.log("其他文件")}

2、字符串模板，字符串連接

（1）直接把東西塞到字符串中

let str1='asdfgh';//第一種字符串方式let str2='asdfgh';//第二種字符串方式let str3=`asdfgh`;//第三種：反單引號/應用：let a=12;let str4=`a${a}bc`;console.log(str4);//a12bc

（2）可以折行

let title='標題';let content='內容';let str1='<div>\     <h2>'+title+'</h2>\     <p>'+content+'</p>\</div>'; let str2=`        <div>        <h2>${title}</h2>        <p>${content}</p>        </div>        `;

感謝各位的閱讀，以上就是“ES6字符串實例分析”的內容了，經過本文的學習后，相信大家對ES6字符串實例分析這一問題有了更深刻的體會，具體使用情況還需要大家實踐驗證。這里是億速云，小編將為大家推送更多相關知識點的文章，歡迎關注！