首頁 > 文章 > web前端 > js如何定義一個陣列？ js中對數組的定義及操作實例總結

js如何定義一個陣列？ js中對數組的定義及操作實例總結

不言原創: 2018-07-20 17:34:4718984瀏覽

js中定義數組以及數組操作的方式分別是什麼？ js數組定義的方式有兩種：字面量定義數組和使用new關鍵字定義數組，js中數組的操作有添加數組元素，刪除數組元素，修改數組元素，遍歷數組元素，下面就具體來看一下這些內容。

1、js陣列的定義

1、字面上定義陣列如下：

<script>
    var arr = (1,2,3,[4,5,6],{}); //其中数组元素可以是number，string，object
    console.log(arr);//在控制台输出数组</script>

2、使用new關鍵字定義陣列如下：

<script>var arr = new Array[1,2,3,[4,5,6],{}];
console.log(arr);

3、注意事項：

使用new定義數組時，如果定義為：var arr = new Array(n);則表示定義的是數組長度為n的數組，如果為空值，則表示定義了一個空數組。

2、js陣列的操作

1、新增陣列元素如下：

方法1:

<script>
    var arr = [1,2,3,4,"A"];
    arr[5] = "M"; //如果为数组元素赋值的索引i大于数组长度，则添加数组元素后的数组长度为 i+1
    console.log(arr);</script>

方法2：使用push()方法；

<script>
    var arr = [1,2,3,4,"A"];
    arr.push("BB","cc");//在数组元素的后面添加，可以追加多个元素，
    console.log(arr);</script>

方法3：使用unshift()方法；

<script>
    var arr = [1,2,3,4,"A"];
    arr.unshift("BB","cc");//在数组元素的前面添加，可以追加多个元素，
    console.log(arr);</script>

2、刪除陣列元素：

方法1：使用pop()方法，刪除最後一個陣列元素；

<script>
    var arr = ["A", "B", "C", "D"];
    arr.pop(); //删除最后一个元素，没有参数，每次只能删除一个
    console.log(arr);</script>

方法2：使用shift()方法，刪除第一個元素

<script>
    var arr = ["A", "B", "C", "D"];
    arr.shift(); //删除第一个数组元素，没有参数，每次只能删除一个
    console.log(arr); </script>

3、修改陣列

 <script>
    var arr = ["A", "B", "C", "D"];
    arr[2] = "E";
    console.log(arr); </script>

4、遍歷一維陣列

<script>
    var arr = ["A", "B", "C", "D"];
    console.log(arr.length);    for(var i = 0; i<arr.length;i++){
        console.log(arr[i]);
    }</script>

5、遍歷二維陣列

   <script>
        var arr = [
            [1, 2, 3],
            [4, 5, 6],
            [7, 8, 9]
        ]        for(var i = 0;i<arr.length;i++){ //先遍历arr
            for(var j = 0;j<arr[i].length;j++){ //遍历arr元素中的数组元素
                console.log(arr[i][j]);
            }
        }    </script>

#3、js陣列中常見的方法

1、join():將陣列中的元素，使用某種符號連接起來，形成一個字串

 <script>    
 var arr = ["A","B","C","D"]    var a = arr.join("*")    console.log( a);    
 var a = arr.join("+")    console.log( a);    var a = arr.join("-")    console.log( a);    
 var a = arr.join("/")    console.log(a);    console.log(typeof a);
</script>

2、reverse():將數組中的元素倒置順序；

  <script>
      var arr = ["A","B","C","D"]      
      var a = arr.reverse();  //倒置数组顺序
      for(var i = 0; i< arr.length; i++) //遍历数组
      {
        console.log(a[i]);
      }      
    </script>

3、concat() :將多個數組拼接成一個數組,其中的多維數組是不會展開的

 <script>
     var arr = ["A","B","C","D"];     
     var arr1 = ["A","B","C","D"];     
     var arr2 = ["A","B","C","D"];     
     var arr3 = ["A","B","C","D" ,[1,2,3]];     
     var a = arr.concat(arr1,arr2,arr3) //concat将多个数组拼接成一个数组,其中的多维数组是不会展开的 
     console.log(a);
     console.log(typeof a)  
    </script>

4、sort():將數組中的元素按照ASCII從小到大排序

 <script>
       var arr = ["d","AbC","AaC","D",1,8,6];       
       var a = arr.sort(); //sort是单个字符比较 例如AbD和AaC 先比较第一个字母，在比较第二个字母，第二个字母那个小就排在前面，之后就不比较后面的字母大小了
       console.log(a);    </script>

5、slice ():截取陣列中的元素；

   <script>
         var arr = ["A","B","C","D"];         
         var a = arr.slice(1,3); //截取的元素包括开始截取的元素，但是不包括最后截取的元素
         console.log(a);         
         var a = arr.slice(1); //只写一个则表示截取到最后一个元素
         console.log(a);    </script>

6、toString():將陣列轉換成字串型別

<script>
      var arr = ["A","B","C","D"];      
      var a = arr.toString();
      console.log(a);
      console.log(typeof a);    
 </script>