![淺談ES6中的字串(程式碼範例)](https://img.php.cn/upload/article/000/000/024/5de23955be7df570.jpg)
1、多了兩個新方法
(1)startWith:判斷一個字串是否以某個字段開頭
1 2 | let str= 'asdfgh' ;
console.log(str.startsWith( 'a' ));
|
登入後複製
應用:
1 2 3 4 5 6 7 8 9 10 11 12 | 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:判斷字串是否以某個欄位結尾
同理:
1 2 3 4 5 6 7 8 9 | 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)直接把東西塞到字串中
1 2 3 4 | let str1= 'asdfgh' ;
let a=12;
let str4=`a${a}bc`;
console.log(str4);
|
登入後複製
(2)可以折行
1 2 3 4 5 6 7 8 9 10 11 12 13 14 | let title= '标题' ;
let content= '内容' ;
let str1='<div>\
<h1> '+title+' </h1>\
<p> '+content+' </p>\
</div>';
let str2=`
<div>
<h1>${title}</h1>
<p>${content}</p>
</div>
`;
|
登入後複製
推薦學習:JavaScript影片教學
以上是淺談ES6中的字串(程式碼範例)的詳細內容。更多資訊請關注PHP中文網其他相關文章!