【ES6入門03】：字符串擴展

hot_pot_Leo 發布于2019-08-23 12:27 / 3077人閱讀

摘要：字符串擴展判斷字符串中是否包含某一字符判斷字符串是否以某一字符開始判斷字符串是否以某一字符結束方法用于字符串復制和字符串補白，日期時間金額經常用到模板字符串標簽模板，作用防止攻擊，處理多語言轉換方法對做了轉義

字符串擴展

1.str.includes() str.startsWith() str.endsWith()

{
    let str = "string";
    // 判斷字符串中是否包含某一字符
    console.log("includes", str.includes("r")); // true
    // 判斷字符串是否以某一字符開始
    console.log("start", str.startsWith("str")); // true
    // 判斷字符串是否以某一字符結束
    console.log("end", str.endsWith("ng")); // true
}

2.str.repeat()

{
    // repeat方法用于字符串復制
    let str = "abc";
    console.log(str.repeat(3)); // abcabcabc
}

3.str.padStart() 和 str.padEnd()

{
    // 字符串補白，日期、時間、金額經常用到
    console.log("1".padStart(2, "0")); // 01
    console.log("12".padStart(2, "0")); // 12
    console.log("1".padEnd(2, "0")); // 10
}

4.模板字符串

{
    let name = "can";
    let info = "hello beautiful girl";
    let temp = `i am ${name}, ${info}`;
    console.log(temp); // i am can, hello beautiful girl
}

5.標簽模板，作用：防止XSS攻擊，處理多語言轉換

{
    let user = {
        name: "can",
        info: "hello beautiful girl"
    };
    abc`i am ${user.name}, ${user.info}`;

    function abc(s, v1, v2) {
        console.log(s, v1, v2); // ["i am ", ", ", ""]  "can"  "hello beautiful girl"
        return s + v1 + v2;
    }
}

6.String.raw

{
    // raw方法對做了轉義
    console.log(String.raw`Hi
${1 + 2}`);  // Hi
3
    console.log(`Hi
${1 + 2}`);
    // Hi
    // 3
}

GPU云服務器云服務器 es6字符串擴展 ES6入門服務器03還是08 服務器03和08

文章版權歸作者所有，未經允許請勿轉載,若此文章存在違規行為，您可以聯系管理員刪除。

轉載請注明本文地址：http://specialneedsforspecialkids.com/yun/98539.html

ES6學習摘要（03）（新人學習）

摘要：字符的表示法允許采用形式表示一個字符，其中表示字符的碼點。方法，用來將字符的不同表示方法統一為同樣的形式，這稱為正規化。，默認參數，表示標準等價合成，返回多個簡單字符的合成字符。返回布爾值，表示參數字符串是否在原字符串的頭部。 ECMAScript6/ES6 入門 let和const命令變量的解構賦值五、字符串的擴展注：這章沒什么可以理解的，看過一遍就行，所以大體上我把有用的一些東...

番茄西紅柿 2019-08-22 11:21 評論0 收藏0
ES6入門之對象的擴展

摘要：循環遍歷對象自身的和繼承的可枚舉屬性不含屬性。返回一個數組，包含對象自身的所有屬性的鍵名。目前，只有對象方法的簡寫法可以讓引擎確認，定義的是對象的方法。showImg(https://user-gold-cdn.xitu.io/2019/5/21/16ada8456223b0e1); 1. 屬性的簡潔表示法在ES6中允許直接寫入變量和函數，作為對象的屬性和方法，使得代碼的書寫更為簡潔。...

RiverLi 2019-05-23 11:58 評論0 收藏0
ES6入門之對象的擴展

摘要：屬性的簡潔表示法在中允許直接寫入變量和函數，作為對象的屬性和方法，使得代碼的書寫更為簡潔。循環遍歷對象自身的和繼承的可枚舉屬性不含屬性。返回一個數組，包含對象自身的所有屬性的鍵名。 showImg(https://segmentfault.com/img/remote/1460000019259004?w=1282&h=1920); 1. 屬性的簡潔表示法在ES6中允許直接寫入變量...

AWang 2019-08-26 13:53 評論0 收藏0
ES6入門之正則的擴展

摘要：正則的擴展參數為字符串，那么第二個參數表示正則表達式的修飾符，如下等價于參數為一個正則表達式，這時返回一個原有正則表達式的拷貝。如下調用調用調用調用修飾符對正則表達式添加了修飾符，用來正確處理大于的字符。 showImg(https://segmentfault.com/img/bVbrJqm?w=800&h=1200); 1. 正則的擴展參數為字符串，那么第二個參數表示正則表達式...

jifei 2019-08-23 17:05 評論0 收藏0