萬盛學電腦網

 萬盛學電腦網 >> 腳本專題 >> javascript >> javascript Array 數組常用方法

javascript Array 數組常用方法

 (1)基本的數組方法

1.join()

Array.join()方法將數組中所有元素都轉化為字符串並連接在一起,返回最後生成的字符串。可以自己指定分隔的符號,如果不指定,默認使用逗號

  1 2 3 4 5 6 var arr = [1,2,3]; console.log(arr.join());//"1,2,3" console.log(arr.join("-"));//"1-2-3"   var a = new Array(10); //長度為10的空數組 組成下邊字符串 console.log(a.join("-"));//"---------"

2.reverse()
Array.reverse()方法將數組中的元素顛倒順序,返回逆序的數組(返回的數組是其本身,原始數組已經改變了)

  1 2 3 var arr = [1,2,3]; arr.reverse(); console.log(arr.join());//"3,2,1"

所以,如果想把一個字符串逆序的話,可以這樣

  1 2 3 4 var str = "abcdefg";   console.log(str.split("").reverse().join(""));//"gfedcba" 返回的是新的值 console.log(str); //"abcdefg" 當然了,原始的是不會變的.

3.sort()
Array.sort()方法將數組中的元素排序並返回排序後的數組。

當不帶參數時,默認按照順序排序,也就是從小到大。當然,也可以直接給sort加一個比較函數比較

  1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 var arr = [1,4,7]; arr.sort(); console.log(arr); //[1,4,7]   arr.sort(function(a,b){ return a-b; //從小到大 }); console.log(arr); //[1,4,7]   arr.sort(function(a,b){ return b-a; //從大到小 }); console.log(arr); //[7,4,1]     var num = new Array('one','three','Six','Five'); num.sort(); //區分大小寫排序 console.log(num); // ["Five", "Six", "one", "three"] num.sort(function(s,t){ var a = s.toLowerCase(); var b = t.toLowerCase(); if(a<b) return -1; if(a>b) return 1; return 0; }); console.log(num); // ["Five", "one", "Six", "three"]

4.concat()
Array.concat()方法創建並返回一個新數組,它的元素包括調用concat()的原始數組的元素和concat()的每個參數。

如果這些參數中的任何一個自身是數組,則連接的是數組的元素,而非數組本身。

但要注意,concat()不會遞歸扁平化數組的數組。concat()也不會修改調用的數組。

  1 2 3 4 5 6 7 var arr = [1,2,3]; console.log(arr.concat(4,5)); // [1, 2, 3, 4, 5] console.log(arr); // [1, 2, 3] console.log(arr.concat([4,5])); // [1, 2, 3, 4, 5] console.log(arr.concat([4,5],[6,7])); // [1, 2, 3, 4, 5,6,7] console.log(arr.concat([4,[5,[6,7]]])); // [1, 2, 3, 4, [5, [6, 7]]] console.log(arr.concat(4,[5,[6,7]])); // [1, 2, 3, 4, 5,[6,7]]

5.slice()
Array.slice()方法返回指定數組的一個片段或子數組。它的兩個參數分別指定了片段開始和結束的位置(a,b)。返回的是從a開始到b的不包括b的數組元素。
如果只有一個參數(a).則代表從a到數組結尾的元素。
如果參數中出現負數(-a). 則表示相對於數組中最後一個元素相距a的位置。比如(-3)代表倒數第三個元素到末尾。出現負數就先換算出來,然後按照范圍規則找出來
他也是返回新的數組,不會修改原始數組

  1 2 3 4 5 6 7 var arr = [1,2,3,4,5]; console.log(arr.slice(0,3)); // [1, 2, 3] console.log(arr); // [1, 2, 3, 4, 5] console.log(arr.slice(3));//[4, 5] console.log(arr.slice(-3));// [3, 4, 5] console.log(arr.slice(-3,-1));// [3, 4] console.log(arr.slice(2,-1));// [3, 4]

6. splice()
Array.splice()方法是在數組中插入或者刪除元素的通用方法。它會修改原始數組的值,並返回一個新的數組序列

splice()的第一個參數指定了插入或刪除的起始位置,第二個參數指定了應該從數組中刪除的元素的個數。第二個參數省略則默認刪到末尾。

  1 2 3 4 5 var arr = [1,2,3,4,5,6,7,8]; console.log(arr.splice(4)); //[5, 6, 7, 8] console.log(arr); // [1, 2, 3, 4] console.log(arr.splice(1,2));// [2, 3] console.log(arr); // [1, 4]

splice()的前兩個參數指定了需要刪除的數組元素。緊隨其後的任意個數的參數指定了需要插入到數組中的元素,並從第一個參數代表的位置開始插入。

不同於上邊的concat(),splice()是直接把數組插進去,比如下面的[1,2]

  1 2 3 4 5 var arr = [1,2,3,4,5]; console.log(arr.splice(2,0,'a','b')); // [] console.log(arr); // [1, 2, "a", "b", 3, 4, 5] console.log(arr.splice(2,1,[1,2],3));// ["a"] console.log(arr); // [1, 2, [1, 2], 3, "b", 3, 4, 5]

7.push() pop() unshift() shift()
把這些方法看成棧操作就行:前兩者正常的棧操作,後兩者是反向的棧操作
push()和unshift()往數組中從後面、前面添加元素,並返回新數組的長度
pop()和shift()刪除數組中最後、最前的元素,並返回刪除的元素

  1 2 3 4 5 6 7 8 9 10 var arr = [];   console.log(arr.push(1,2,3));//3 console.log(arr);//[1, 2, 3]   console.log(arr.pop());// 3 console.log(arr);//[1,2]   console.log(arr.push([4,5]));//3 console.log(arr);// [1, 2, [4, 5]]   1 2 3 4 5 6 7 8 9 10 var arr = [];
copyright © 萬盛學電腦網 all rights reserved