首頁 > web前端 > js教程 > JavaScript中數組的方法有哪些?有什麼用?

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

青灯夜游
發布: 2018-11-13 11:46:36
轉載
3288 人瀏覽過

本篇文章帶給大家的內容是介紹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中文網其他相關文章!

相關標籤:
來源:cnblogs.com
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板