js數組的五種迭代方法及兩種歸並方法(推薦)
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>無標題文檔</title>
<script>
window.onload = function(){
//every()相當於邏輯與
var arr = [1,2,3,4,5,6,7,8];
var everyRes = arr.every(function(item,index,array){
return (item>2);
});
alert(everyRes);
//some()相當於邏輯或
var someRes = arr.some(function(item,index,array){
return (item>2);
});
alert(someRes);
//filter()返回給定條件的數組
var filterRes = arr.filter(function(item,index,array){
return (item>2);
});
alert(filterRes);
//map()返回給定條件的數組
var mapRes = arr.map(function(item,index,array){
return (item*2);
});
alert(mapRes);
//forEach()沒有返回值 有興趣可以自測
}
//reduce()歸並方法 接受傳入的函數和作為歸並基礎的初始值(可選
//要傳入的函數接收四個函數，前一個值，當前值，索引項，數組對象
var sum = arr.reduce(function(prev,cur,index,array){
return prev + cur;
});
alert(sum);
//reduceRight()歸並方法 和reduce()方法本質一樣，區別就在於是從後向前開始邊裡
var sum2 = arr.reduceRight(function(pre,cur,index,array){
return pre + cur;
});
alert(sum2);
</script>
</head>
<body>
</body>
</html>
以上這篇js數組的五種迭代方法及兩種歸並方法(推薦)就是小編分享給大家的全部內容了，希望能給大家一個參考，也希望大家多多支持。