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]

把数组进行反转,会改变原数组