ホームページ  >  記事  >  ウェブフロントエンド  >  ES6 の文字列についての簡単な説明 (コード例)

ES6 の文字列についての簡単な説明 (コード例)

青灯夜游
青灯夜游転載
2019-11-30 17:45:342523ブラウズ

ES6 の文字列についての簡単な説明 (コード例)

1. 2 つの新しいメソッド

(1) startWith: 文字列が次で始まるかどうかを決定します。特定のフィールド


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

Application:


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) endesWith: 特定のフィールドで終わる文字列かどうかを判断します。 field

Similarly:


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>\
     <h1>'+title+'</h1>\
     <p>'+content+'</p>\
</div>';


 let str2=`
        <div>
        <h1>${title}</h1>
        <p>${content}</p>
        </div>
        `;
推奨学習:

JavaScript ビデオチュートリアル######

以上がES6 の文字列についての簡単な説明 (コード例)の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

声明:
この記事はcnblogs.comで複製されています。侵害がある場合は、admin@php.cn までご連絡ください。