javascript Array 數組方法

javascript Array 數組方法 

(1)基本的數組方法 1.join() Array.join()方法将數組中所有元素都轉化為字元串并連接配接在一起，傳回最後生成的字元串。可以自己指定分隔的符号，如果不指定，預設使用逗号  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()方法将數組中的元素颠倒順序，傳回逆序的數組（傳回的數組是其本身，原始數組已經改變了）  var arr = [1,2,3]; arr.reverse(); console.log(arr.join());//"3,2,1"  是以，如果想把一個字元串逆序的話，可以這樣  var str = "abcdefg";   console.log(str.split("").reverse().join(""));//"gfedcba" 傳回的是新的值 console.log(str); //"abcdefg" 當然了，原始的是不會變的.  3.sort() Array.sort()方法将數組中的元素排序并傳回排序後的數組。

當不帶參數時，預設按照順序排序，也就是從小到大。當然，也可以直接給sort加一個比較函數比較  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;  return 0; }); console.log(num); // ["Five", "one", "Six", "three"] 

4.concat() Array.concat()方法建立并傳回一個新數組，它的元素包括調用concat()的原始數組的元素和concat()的每個參數。

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

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

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）代表倒數第三個元素到末尾。出現負數就先換算出來，然後按照範圍規則找出來 他也是傳回新的數組，不會修改原始數組

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()的第一個參數指定了插入或删除的起始位置，第二個參數指定了應該從數組中删除的元素的個數。第二個參數省略則預設删到末尾。

 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()的前兩個參數指定了需要删除的數組元素。緊随其後的任意個數的參數指定了需要插入到數組中的元素，并從第一個參數代表的位置開始插入。

不同于CODEGO.NET上邊的concat()，splice()是直接把數組插進去，比如CODEGO.NET代碼的[1,2]

 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()删除數組中最後、最前的元素，并傳回删除的元素 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]]   var arr = [];   console.log(arr.unshift(1,2,3));//3 console.log(arr);//[1, 2, 3]   console.log(arr.shift());// 1 console.log(arr);// [2, 3]   console.log(arr.unshift([4,5]));//3 console.log(arr);//[[4, 5], 2, 3] 

（2）ECMAScript5中的數組方法

這一類數組方法大多數有統一大緻的規則。它們都不會修改原始數組。 大多數方法的第一個參數接收一個函數，并且對數組的每個元素（或一些元素）調用一次該函數。

　　　　如果是稀疏數組，對不存在的元素不調用傳遞的函數； 　　　　在大多數情況下，調用的這個函數一般使用三個參數：數組元素、元素的索引、數組本身。通常後兩個參數也不需要填寫進去。 除了這裡第一個參數（函數）之外，還有第二個參數（它是可選的），如果第二個參數存在，則調用的函數将被看做是第二個參數的方法。 　　　　也就是說，在調用函數時傳遞進去的第二個參數作為它的this關鍵字的值來使用。

1.forEach()

這個方法從頭至尾周遊數組，為每個數組調用指定的函數。

78 var data = [1,2,3,4,5]; var sum = 0; data.forEach(function(value){ //隻使用了第一個參數（函數），調用的函數也隻使用了第一個參數數組元素  sum += value; });   console.log(sum);//15 console.log(data);// [1, 2, 3, 4, 5] 

7 var data = [1,2,3,4,5]; var sum = 0; data.forEach(function(value,item,data){ //調用的函數具有了三個參數   data[item] = value*value; //取平方 });   console.log(data);// [1, 4, 9, 16, 25] 

2.map() 這個方法将調用的數組中每個元素傳遞給指定的函數，并傳回一個數組，它包含這個函數的傳回值。

7 var data = [1,2,3,4,5]; var data1 = data.map(function(value){  return ++ value; });   console.log(data); // [1, 2, 3, 4, 5] console.log(data1);// [2, 3, 4, 5, 6] 

3.filter() 這個方法傳回的數組元素是調用的數組的一個子集。傳遞的函數是用來邏輯判定的，該函數傳回true或false。

如果傳回值是true或者能轉化為true的值，那麼傳遞給判定函數的元素就是這個子集的成員，它将被添加到一個作為傳回值的數組中。  var data = [1,2,3,4,5]; var data1 = data.filter(function(value){  return value <= 3; });   var data2 = data.filter(function(value){  return value > 3; });   console.log(data); // [1, 2, 3, 4, 5] console.log(data1);// [1,2,3] console.log(data2);// [4,5] 

4.every()和some() 顧名思義，every()就是數組中是以元素都滿足函數指定的條件時 傳回true; some()就是某一項滿足時就傳回 true  var data = [1,2,3,4,5]; var data1 = data.every(function(value){  return value < 4; });   var data2 = data.some(function(value){  return value >4; });   console.log(data); // [1, 2, 3, 4, 5] console.log(data1);// false console.log(data2);// true 

5.reduce()和reduceRight() 這兩個方法使用指定的函數将數組元素進行組合，生成單個值。

reduce()有兩個參數。第一個是執行化簡操作的函數，就是說用某種方法把兩個值化簡為一個值，并傳回化簡後的值。

　　　　　　　　　　第二個參數可選，用來傳遞給第一個參數函數作為初始值。如果第二個參數沒有，則初始值就使用數組的第一個元素值。  var data = [1,2,3,4,5]; var sum = data.reduce(function(a,b){  return a+b; });   var sum1 = data.reduce(function(a,b){  return a+b; },5);   var min = data.reduce(function(a,b){  return (a

sum中沒有第二個參數，是以初始值為第一個數組元素，第一步1+2=3，第二步3+3=6... 最後得15 sum1中有第二個參數，是以初始值為5，第一步5+1=6，第二步6+2=8... 最後得20 reduceRight()和reduce()差不多，不同的是它按照數組索引從高到低（從右到左）處理數組，而不是正常的從低到高。 var data = ['a','b','c'];  var str = data.reduce(function(x,y){ //順序  return x+y; });   var str1 = data.reduceRight(function(x,y){ //逆序  return x+y; });   console.log(data);// [1, 2, 3] console.log(str);//"abc" console.log(str1);//"cba"  6.indexOf()和lastIndexOf() 這個方法搜尋整個數組中具有給定值的元素，傳回找到的元素的索引（找到了一個就退出了），沒有找到則傳回-1. 一個從頭至尾，一個從尾至頭 78 var data = ['a','b','a','c','a'];    console.log(data.indexOf('a')); //0 console.log(data.indexOf('d')); //-1 console.log(data.lastIndexOf('a'));//4   console.log(data.lastIndexOf('a',-2));//2 從倒數第二個開始 console.log(data.lastIndexOf('a',1));//0  從順序第二個往前  7.數組類型 isArray() 判斷一個對象是不是數組  console.log(Array.isArray([]));//true console.log(Array.isArray({}));//false   //模拟上邊的 var isArray1 = Function.isArray||function(o){  return typeof o === "object" &&   Object.prototype.toString.call(o) === "[object Array]"; };   console.log(isArray1([]));//true console.log(isArray1({}));//false 

來自 “ ITPUB部落格 ” ，連結：http://blog.itpub.net/30184679/viewspace-1487343/，如需轉載，請注明出處，否則将追究法律責任。

轉載于:http://blog.itpub.net/30184679/viewspace-1487343/