HTML5數組方法

標籤：style   io   資料   for   ar   cti   html   amp   

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

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的元素。

?