天天看點

js字元串數組方法總結

<script>
    // 字元串方法
    let str1 = `zhangsanshigeren`;
    let str2 = `wob`;
    let arr1 = [1, 456, 4, 65, 4, 4, 5, 15, 1, 5];
    let arr2 = [4, 54, 45, 55, 2, 1, 25, 36, 1, 5];

    console.log(str1.substring(0, 1));    //substring   字元串方法,無負值
    console.log(str2.slice(-2));        //可以有負值
    console.log(str2.substr(1, 4));      //參數1起始位置,截取長度
    console.log(str2.indexOf("o"));     //擷取字元的位置
    console.log(str2.lastIndexOf("o"));  //從後查找第一次出現的目标,并傳回正确的索引值
    console.log(arr1.lastIndexOf(4, 2))      //從參數2開始參數1出現的位置
    console.log(str1.split(""));            //字元串轉化為數組
    console.log(str2.replace(/wo/, "ha"))    //參數1:需要替換的值,參數2替換的實際值
    // console.log(str2.length());               //擷取字元串實際值
    console.log(str2.trim());                   //去除字元串空格
    console.log(str1.startsWith("h"));             //以某字元開頭
    console.log(str1.endsWith("e"));                //以某字元結尾
    console.log(str1.repeat(4));                    //将字元串重複複制幾次
    console.log(str2.padStart(10,"#"))              //字元串補全,參數一:總的位數,參數2:補全字元,從前開始補全
    console.log(str2.padEnd(10,"$"))                //從後補全,參數一緻


    // 數組方法
    // Array.from可以将僞數組轉為數組
    console.log(arr1.pop())                 //删除最後一個,并傳回删除項
    console.log(arr1.shift())               //删除第一個并傳回
    console.log(arr1.push(2,3,5))           //插入項至數組後面,傳回新數組的長度
    console.log(arr1.unshift(12,2,2))       //從前面将值插入數組,傳回新長度
    console.log(arr2.join("-"));            //數組轉換為字元串,參數為連接配接符号
    console.log(arr1.concat(arr2));         //直接連接配接兩個數組
    console.log(arr1.indexOf(1))            //傳回參數第一次出現的下标
    console.log(arr2.lastIndexOf(2))        //無這個值傳回  -1 ,主要用來判定是否存在
    console.log(arr1.slice(2,5))            //參數1:起始下标,必填;參數二結束下标,但是不包含參數二位置元素(選填)
    console.log(arr1.splice(3,2,12))        //重要:參數1起始位置,參數二删除的個數,删除後要添加的元素///傳回值為删除的元素
    console.log(Array.isArray(arr1));       //判斷是否是數組


    // ES6新增:
    let item =(a,b,...ags)=>{
        console.log(ags)
        return a+b;

    }
    item(5,4,5,45,6);
    //...ags   參數收集器(可能的名字)
    //... 可以展開數組
    // 例子:
    let arr3 = [1,4,2,54];
    let ex = (a,b,c)=>{
        console.log(a,b,c);
    }
    ex(...arr3);
    let arr4=[54,4,4,];
    // 直接連接配接兩個數組
    let arr5 = [...arr3,...arr4];
    console.log(arr5);//直接連接配接兩個數組


    // MAP方法:實作映射,一對一
    console.log(arr4.map(item=>item>=10?`上等`:`下等`))

    //reduce方法:獲得數組和
    let result = arr4.reduce((temp,item)=>{
        return temp+item;
    })
    console.log(result)

    //filter方法:過濾器屬性
    let result1 =arr4.filter(item=>{
        if (item%3==0){
            return true;
        }else {
            return false;
        }
    })
    console.log(result1)//進行簡單的選擇篩選


</script>
           

有錯誤請指正