ES6學習筆記(3)----字符串的擴展

參考書《ECMAScript 6入門》
http://es6.ruanyifeng.com/

字符串的擴展
ES6以前只能識別\u0000 - \uFFFF 之間的字符，超過此範圍，識別會出錯；ES6彌補了這個錯誤

ES6擴展的新方法
codePointAt----"𠮷".CodePointAt(0)//返回超過\u0000 - \uFFFF 這個範圍的字符的完整的unicode編碼
fromCodePoint----String.fromCodePoint("𠮷") //返回超過\u0000 - \uFFFF 這個範圍的unicode對應的字符
at----"𠮷".at(0)//識別超過\u0000 - \uFFFF 此範圍的字符，返回正確的字符
normalize()----//用於合成字符。將字符的不一樣表示方法統一爲一樣的形式
includes()----//用於判斷某字符或者字符串是否包含在字符串中，返回boolean值，如"this is test".includes('is') true-----同 "this is test".match(/is/); string.includes(substr,index) 兩個參數表示string字符串從第index個字符開始日後，是否包含substr
startsWith()----//用於判斷字符串是否以某字符或字符串開頭，string.startsWidth(subtr,index) 兩個參數表示判斷string是否在第index個位置以substr開頭
endsWidth()----//用於判斷字符串是否以某字符或字符串結尾, string.endsWidth(substr,index) 兩個參數表示前index個字符是否以substr結尾
padStart()----//string.padStart(length,singleStr)用於向字符串string頭部補充singleStr直到長度等於length,若是超出則截去
padEnd()----//string.padEnd(length,singleStr)用於向字符串string尾部補充singleStr直到長度等於length,若是超出則截去
matchAll()

模板字符串
1.以反引號包圍模板內容
`This is ${test}.` //test是變量,變量寫在${}當中
`<ul class="test">
   <li>${a}</li>
</ul>` //能夠任意換行，全部的空格和縮進都會保留,不用像ES5模板同樣用+鏈接換行的字符串.
2.使用\` 來轉義 ``中的`
3. let [x, y] = [1,2];`This is ${x+y}`    // this is 3.   ${}中也能夠放表達式以及對象調用，函數調用等
4.String.row方法會將字符串中的全部\進行轉義，不管它是否已經轉義過。\--->\\    \\---->\\\\

標籤模板
let [x,y] = [1,2];
f1`this is ${x} and ${y}` 等價於f1(["this is "," and "],[1,2])
按照這個參數方法f1(["this is "," and "],[1,2])拼接成字符串的原理是
function(strArr,...paramArr){
    let output = "";
    let index;
    for(index = 0; index < paramArr.length;i++){
        output += strArr[index] + paramArr[index]
    }
    output += strArr[index];
    return output;
}