JavaScript中數組的方法有哪些？有什麼用？

本篇文章帶給大家的內容是介紹JavaScript中陣列的方法、陣列方法的作用和使用方法。有一定的參考價值，有需要的朋友可以參考一下，希望對你們有幫助。 【相關影片教學推薦：JavaScript教學】

一、陣列的建立與賦值

定義數組，陣列賦值

<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>

 

#二、陣列的方法

##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>

　　　　

总结：以上就是本篇文章的全部内容，希望能对大家的学习有所帮助。

以上是JavaScript中數組的方法有哪些？有什麼用？的詳細內容。更多資訊請關注PHP中文網其他相關文章！