JavaScript——数组常用方法2详解-一一网

这是我参与更文挑战的第6天，活动详情查看：更文挑战

数组转字符串

在项目开发中，我们常常会遇到需要把数组转字符串需求，这时我们就可以使用JS中的join()和toString()方法。

join()       将数组的所有元素连接为一个字符串，默认通过“,”来分割元素
toString()   返回一个字符串，表示指定的数组及元素
复制代码

具体我们通过例子来体会

    <script>
        var arr = ["I","LOVE","JS"];
        var arr_String1 = arr.join();//默认使用“,”分割元素
        var arr_String2 = arr.join(".");//使用“.”来分割元素
        var arr_String3 = arr.toString();
        console.log(arr_String1);
        console.log(arr_String2);
        console.log(arr_String3);
    </script>
复制代码

join()和toString()也能把多维数组转为字符串，默认情况下使用逗号连接。
复制代码

其他方法

除了前面和上期讲的一些方法外，JS数组还有一些很方便的方法也很实用的方法具体如下：

sort()       对数组进行排序，并返回数组
fill()       给数组指定下表内的元素赋值
reverse()    颠倒数组中元素的位置
splice()     对一个数组在指定下标范围内删除或添加元素
slice()      从一个数组的指定下标范围内拷贝数组元素到另一个数组
concat()     返回一个合并两个或多个数组后的新数组
复制代码

这么多方法你是不是又要晕了，没关系，咱们看具体例子来了解这些方法的使用
sort()方法

首先来看sort()排序，也是我们经常使用的。
     <script>
        var arr = ["I","LOVE","JS"];
        // sort() 方法用于对数组的元素进行排序。
        // 排序顺序可以是字母或数字，并按升序或降序。
        // 默认排序顺序为按字母升序
        //需要注意的是，对数字进行排序的时候需要使用函数，否则80 会排到9的前面
        arr.sort();
        console.log(arr);
        var a = [1,4,5,2,8,6,3,0];
        function num_Sort(a,b){
            return a-b;//升序，b-a降序
        }
        //对数字进行排序
        a.sort(num_Sort);
        console.log(a);
    </script>
复制代码

fill()方法


     <script>
       var num = [1,2,3];
       num.fill(0);//没有参数默认全部
       console.log(num);
       num.fill(1,0,1);//右不取[0,1)
       console.log(num);
    </script>
复制代码

reverse()方法


    <script>
       var num = [1,2,3];
       console.log(num);
       num.reverse();
       console.log(num);
    </script>

复制代码

splice()方法

<script>
       var num = [1,2,3];
       //从下标为0的位置开始删除1个元素，并添加2,3到数组中，
       //如果删除了元素，返回删除的元素为一个数组，否则返回空数组
       //如果省略删除的个数，则从开始处一直删除到数组末尾。
       var num2 = num.splice(0,1,2,3)
       console.log(num);
       console.log(num2);
    </script>
复制代码

slice()方法

     <script>
       var num = [1,2,3];
       var num2 = num.slice(0,2);//从num数组中截取，下标在[0,2)范围内的数据，
       //不改变原数组的值
       console.log(num2);
       console.log(num);
    </script>
复制代码

concat()方法

    <script>
        var num = [1,2,3];
        var num2 = [4,5,6];
        var num3 = num.concat(num,num2);
        console.log(num3);
    </script>
复制代码