JavaScript -- 时光流逝（二）：js中数组的方法

2018-10-29 15:27:35来源：博客园阅读 ()

JavaScript -- 知识点回顾篇（二）：js中数组的方法

1. 数组

　　（1）定义数组，数组赋值

    <script type="text/javascript">    
        //赋值的方法1:添加任意多的值
        var arr1 = new Array();
            arr1[0]='小胡子1';
            arr1[1]='中胡子1';
            arr1[2]='大胡子1';
        alert(arr1);

        //赋值的方法2:使用一个整数自变量来控制数组的容量
        var arr2 = new Array(3);
            arr2[0]='小胡子2';
            arr2[1]='中胡子2';
            arr2[2]='大胡子2';
        alert(arr2);
    </script>

　　（2）数组的方法

　　　　concat(): 连接两个或更多的数组，并返回结果。

    <script type="text/javascript">    
        var arr1 = new Array();
            arr1[0]='小胡子1';
            arr1[1]='中胡子1';
            arr1[2]='大胡子1';

        var arr2 = new Array();
            arr2[0]='小胡子2';
            arr2[1]='中胡子2';
            arr2[2]='大胡子2';

        var arrConcat = arr1.concat(arr2);

        alert(arrConcat);
    </script>

　　　　join(): 把数组的所有元素放入一个字符串。元素通过指定的分隔符进行分隔。　　　

    <script type="text/javascript">    
        var arr1 = new Array();
            arr1[0]='小胡子1';
            arr1[1]='中胡子1';
            arr1[2]='大胡子1';
        alert(arr1.join());
    </script>

　　　　pop(): 删除并返回数组的最后一个元素

    <script type="text/javascript">    
        var arr1 = new Array();
            arr1[0]='小胡子1';
            arr1[1]='中胡子1';
            arr1[2]='大胡子1';
            alert(arr1);
            alert(arr1.pop());
            alert(arr1);
    </script>

　　　　push(): 向数组的末尾添加一个或更多元素，并返回新的长度。

    <script type="text/javascript">    
        var arr1 = new Array();
            arr1[0]='小胡子1';
            arr1[1]='中胡子1';
            arr1[2]='大胡子1';
            alert(arr1);
            alert(arr1.push("特大胡子1"));
            alert(arr1);
    </script>

　　　　reverse(): 颠倒数组中元素的顺序。　

    <script type="text/javascript">    
        var arr1 = new Array();
            arr1[0] = 'F';
            arr1[1] = 'A';
            arr1[2] = 'C';
            alert(arr1);
            alert(arr1.reverse());
    </script>

　　　　shift(): 删除并返回数组的第一个元素

        <script type="text/javascript">
            var arr1 = new Array();
            arr1[0] = '小胡子1';
            arr1[1] = '中胡子1';
            arr1[2] = '大胡子1';
            alert(arr1);
            alert(arr1.shift());
            alert(arr1);
        </script>

　　　　slice(): 从某个已有的数组返回选定的元素

        <script type="text/javascript">
            var arr1 = new Array();
            arr1[0] = '小胡子0';
            arr1[1] = '小胡子1';
            arr1[2] = '小胡子2';
            arr1[3] = '小胡子3';
            arr1[4] = '小胡子4';
            alert(arr1);
            alert(arr1.slice(1,3));
        </script>

　　　　sort(): 对数组的元素进行排序

        <script type="text/javascript">
            var arr1 = new Array();
            arr1[0] = 'F';
            arr1[1] = 'A';
            arr1[2] = 'C';
            alert(arr1);
            alert(arr1.sort());
        </script>

　　　　splice(): 删除元素，并向数组添加新元素。

        <script type="text/javascript">
            var arr1 = new Array();
            arr1[0] = '小胡子0';
            arr1[1] = '小胡子1';
            arr1[2] = '小胡子2';
            arr1[3] = '小胡子3';
            arr1[4] = '小胡子4';
            alert(arr1);
            arr1.splice(2, 1, '新胡子');
            alert(arr1);
        </script>

　　　　toString(): 把数组转换为字符串，并返回结果。数组中的元素之间用逗号分隔。

        <script type="text/javascript">
            var arr1 = new Array();
            arr1[0] = '小胡子0';
            arr1[1] = '小胡子1';
            arr1[2] = '小胡子2';
            arr1[3] = '小胡子3';
            arr1[4] = '小胡子4';
            alert(arr1.toString());  
        </script>

　　　　toLocaleString(): 把数组转换为本地数组，并返回结果。然后使用地区特定的分隔符把生成的字符串连接起来，形成一个字符串。

　　　　　　　　　　　（注意：这里的分隔符不再是一个单一的英文逗号）

        <script type="text/javascript">
            var arr1 = new Array();
            arr1[0] = '小胡子0';
            arr1[1] = '小胡子1';
            arr1[2] = '小胡子2';
            arr1[3] = '小胡子3';
            arr1[4] = '小胡子4';
            alert(arr1.toLocaleString());  
        </script>

　　　　unshift(): 向数组的开头添加一个或更多元素，并返回新的长度。

        <script type="text/javascript">
                var arr1 = new Array();
                arr1[0] = '小胡子1';
                arr1[1] = '中胡子1';
                arr1[2] = '大胡子1';
                alert(arr1);
                alert(arr1.unshift('小孩子'));
                alert(arr1);
        </script>