HTML5數組方法


*****************************

forEach方法

*****************************

 

<script>
var data = [1,2,3,4];
var sum = 0;

// 計算數據元素的值
data.forEach(function(_val){
sum += _val;
})
console.log(sum);

//每個數據元素的值加1
data.forEach(function(_val,i,_arr){
_arr[i] = _val+1;
})
console.log(data);
</script>

 

*****************************

map方法

*****************************

 

<script>
var a = [1,2,3,4];

//數組內每個元素*10
b = a.map(function(x){
return x*10;
})
console.log(b);
</script>

 

*****************************

filter方法

*****************************

 

<script>
var a = [1,2,3,4];
s = a.filter(function(x){ return x<3 });
console.log(s); //輸出:[1,2]
</script>

用法2: 壓縮空缺並刪除undefined和null元素

a = a.filter(function(x) { return x!==undefined && x!=null; });

 

*****************************

every和some方法

*****************************

 

every()和some()方法是數組的邏輯判定: 它們對數組元素應用指定的函數進行判定,返回true或false.

every 有點類以(||或運算),所有的值符合判斷條件,就返回true.

a = [1,2,3,4,5]

a.every(function(x){ return x<10; }); //返回true;

some 有點類以(&&並且運算),只要的一個值符合判斷條件,就返回true。

a = [1,2,3,4,5]

  1. some(function(x){ return x<3; }); //返回false;

*****************************

reduce和reduceRight()方法

 

var a = [1,2,3,4,5]

var sum = a.reduce(function(x,y){ return x+y },0); //數組求和

var product = a.reduce(function(x,y){return x*y},1); //數組求積

reduce()需要兩個參數。

var a = [1,2,3,4,5]

// reduceRight()按照數組索引從高到低。 從5-4-3-2-1運算

 

*****************************

indexOf和lastIndexOf()方法

 

a= [0,1,2,1,0]

a.indexOf(1); //輸出: 從a數組開頭找出值等於1的值。 結果是1,就是a[1]

a.lastIndexOf(1); //輸出3 : a[3]是1.

a.lastIndexof(5); //輸出-1:沒有值為3的元素。

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM