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

青灯夜游
リリース: 2019-11-30 17:45:34
転載
2534 人が閲覧しました

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 までご連絡ください。
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート