快捷導(dǎo)航

javascript數(shù)組遍歷的方法實(shí)例分析

更新時(shí)間：2016年09月13日 11:20:41 作者：onestopweb

這篇文章主要介紹了javascript數(shù)組遍歷的方法,結(jié)合實(shí)例形式分析了javascript數(shù)組遍歷及相關(guān)的some、every、filter、map等方法的使用技巧,需要的朋友可以參考下

本文實(shí)例講述了javascript數(shù)組遍歷的方法。分享給大家供大家參考，具體如下：

<!DOCTYPE html>
<html lang="zh-cn">
<head>
<meta charset="UTF-8">
<title></title>
</head>
<body>
<script>
var a = [1,2,3,4,5,6];
var b = a.some(function(ele,index,arr){
  console.log(ele);//輸出1,2,3遍歷到3停止遍歷
  return ele > 2;
});
console.log(b);
console.log("--------------------");
var c = a.every(function(ele,index,arr){
  console.log(ele);//輸出1,2,3,4,5遍歷到5返回false，停止遍歷
  return ele < 5;
});
console.log(c);
console.log("--------------------");
var d = a.filter(function(ele,index,arr){
  console.log(ele);//遍歷整個(gè)數(shù)組，將值大于3的項(xiàng)添加到d數(shù)組中
  return ele > 3;
});
console.log(d);
console.log("--------------------");
var e = a.map(function(ele,index,arr){
  console.log(ele);//遍歷整個(gè)數(shù)組，對(duì)數(shù)組的每個(gè)元素執(zhí)行一次操作，將新的元素添加到e數(shù)組中
  return ele+3;
});
console.log(e);
console.log("--------------------");
a.forEach(function(ele,index,arr){
  arr[index] = ele+6;//遍歷數(shù)組，對(duì)數(shù)組中的每項(xiàng)執(zhí)行一次操作，無(wú)返回值
});
console.log(a);
</script>
</body>
</html>

some:只要數(shù)組中有滿(mǎn)足條件的選項(xiàng)，就返回true,不再遍歷剩余元素，如果所有項(xiàng)都沒(méi)有滿(mǎn)足條件，則返回false
every:只要數(shù)組中有不滿(mǎn)足條件的選項(xiàng)，就返回false,不再遍歷剩余元素，如果所有項(xiàng)都滿(mǎn)足條件，則返回true
filter:篩選數(shù)組，該函數(shù)返回新的數(shù)組，將原數(shù)組中滿(mǎn)足條件的元素push到新數(shù)組中
map:對(duì)數(shù)組中的每個(gè)元素都執(zhí)行一次callback函數(shù)，并返回新的元素到新數(shù)組中
forEach:對(duì)數(shù)組中的每個(gè)元素執(zhí)行一次callback函數(shù)，該函數(shù)沒(méi)有返回值

效果圖如下：