JavaScript 數組常用方法(一)

1. 如何清空數組
2. 如何將數組轉換爲字符串
3. 如何將數組轉換爲指定格式字符串
4. 如何將兩個數組拼接爲一個數組
5. 如何對數組彙總的內容進行反轉

如何清空數組

arr = []

    let arr = [1,2,3,4,5];
    arr = [];
    console.log(arr);   //[]

arr.length = 0

    let arr = [1,2,3,4,5];
    arr.length = 0;
    console.log(arr);   //[]

arr.splice(0,arr.length)

    let arr = [1,2,3,4,5];
    arr.splice(0,arr.length);
    console.log(arr);   //[]

上面三種方法都可以清空數組,並且改變原數組

 

如何將數組轉換爲字符串

arr.toString()

    let arr = [1,2,3,4,5];
    let str = arr.toString();
    console.log(arr);   //[1,2,3,4,5]
    console.log(str);   //1,2,3,4,5

str = arr + ''

    let arr = [1,2,3,4,5];
    let str = arr + '';
    console.log(arr);   //[1,2,3,4,5]
    console.log(str);   //1,2,3,4,5

str = arr.join();

    let arr = [1,2,3,4,5];
    let str = arr.join();   // join 如果不傳參數,默認使用 逗號(,)
    console.log(arr);   //[1,2,3,4,5]
    console.log(str);   //1,2,3,4,5

上面三種方法都可以把數組轉換爲字符串 並且 不改變原數組,而是返回一個新的字符串

 

如何將數組轉換爲指定格式字符串

arr.join()

    let arr = [1,2,3,4,5];
    let str = arr.join(); // join 如果不傳參數,默認使用 逗號(,)
    console.log(arr);   //[1,2,3,4,5]
    console.log(str);   //1,2,3,4,5

arr.join("-")

    let arr = [1,2,3,4,5];
    let str = arr.join("-"); 
    console.log(arr);   //[1,2,3,4,5]
    console.log(str);   //1-2-3-4-5

join方法,會把數組轉換爲字符串, 如果不傳參,那麼則會默認使用逗號(,),如果傳參,那麼就會根據傳參符號作爲分隔符,並且 不改變原數組

 

如何將兩個數組拼接爲一個數組

arr1.concat(arr2)

    let arr1 = [1,3,5,7];
    let arr2 = [2,4,6,8];
    console.log(arr1);  //[1,3,5,7]
    console.log(arr2);  //[2,4,6,8]
    let res = arr1.concat(arr2);
    console.log(res);   //[1, 3, 5, 7, 2, 4, 6, 8]

res = [...arr1,...arr2]

    let arr1 = [1,3,5,7];
    let arr2 = [2,4,6,8];
    console.log(arr1);  //[1,3,5,7]
    console.log(arr2);  //[2,4,6,8]
    let res = [...arr1,...arr2];    //es6拓展運算符
    console.log(res);   //[1, 3, 5, 7, 2, 4, 6, 8]

拓展運算符注意點:
擴展運算符在解構賦值中(等號的左邊)表示將剩餘的數據打包成一個新的數組
擴展運算符在等號右邊, 那麼表示將數組中所有的數據解開, 放到所在的位置

以上兩種方式都可以把兩個數組拼接成一個數組,並且不會修改原本的數組,而是返回一個新的數組

 

如何對數組彙總的內容進行反轉

arr.reverse()

    let arr = [1,3,5,7,9];
    arr.reverse(); 
    console.log(arr);   //[9, 7, 5, 3, 1]

把數組進行反轉,會改變原數組