ES6操作字串

認真的刺蝟發表於2020-10-24

字串遍歷

    let str = "hello";
    //1.for遍歷
    for (let i = 0; i < str.length; i++) {
        console.log(i, str[i]);     //i 索引    數值型別
    }
    
    //2.陣列->for->for in
    let arr = [1, 2, 3];
    for (let i in arr) {
        console.log(i, arr[i]);     //i 索引    字串型別
    }
    
    //3.for... of
    for(let i of str){
        console.log(i);     //資料
    }
    
    //4.解構
    let [a, b, c, d ,e] = str;
    console.log(a, b, c, d ,e);
    

ES6 新增字串方法

//字串新增方法:
方法                返回值          作用
includes('str')     boolean         判斷字串中包含子串
endWith('str')      boolean         判斷字串以"str"結尾
startWith('str')    boolean         判斷字串以"str"開頭
repeat(n)           重複拼接自身     重複n次輸出字串 repeat + repeat

//不全方法: 補全字串長度
padStart(length, s);        字串開頭補全
endStart(length, s);        字串末尾補全

ES6模板字串

//模板字串 反引號 ``
//1.支援換行 //空白會列印出來
//2.模板中傳變數 ${變數}
    let obj = {
        name: 'jack',
        age: 20
    };
    console.log(`名稱:${obj.name},年齡:${obj.age}`);  //名稱:jack,年齡:20

相關文章