怎么使用JavaScript中的迭代方法

這篇文章主要介紹“怎么使用JavaScript中的迭代方法”，在日常操作中，相信很多人在怎么使用JavaScript中的迭代方法問題上存在疑惑，小編查閱了各式資料，整理出簡單好用的操作方法，希望對大家解答”怎么使用JavaScript中的迭代方法”的疑惑有所幫助！接下來，請跟著小編一起來學習吧！

JavaScript中的迭代方法：1、every()，可查詢數組中的每一個元素是否都滿足某一條件；2、some()，可查詢數組中每個元素是否滿足某些條件；3、filter()；4、map()；5、forEach()；6、reduce()。

本教程操作環境：windows7系統、javascript1.8.5版、Dell G3電腦。

定義：

1、迭代（iterate），指的是按照某種順序逐個訪問列表中的每一項。比如，for語句。
2、循環（loop），指的是在滿足條件的情況下，重復執行同一段代碼。比如，while語句。
3、遍歷（traversal），指的是按照一定的規則訪問樹形結構中的每個節點，而且每個節點都只訪問一次。
4、遞歸（recursion），指的是一個函數不斷調用自身的行為。比如，以編程方式輸出著名的斐波納契數列。

JavaScript中的迭代方法：

1、every()

用來查詢數組中的 每一個是否 都 滿足某一條件

var num = [1, 2, 3, 4, 5, 6, 7, 8, 9];
var number = num.every(function(item,index){
      return (item > 5);   // 判斷傳入的值是否全部都大于5
})
console.log(number);   // false 只要有一個不滿足就為 false

2、some()

查詢數組中每項滿足 某些條件

var num = [1, 2, 3, 4, 5, 6, 7, 8, 9];
var number = num.every(function(item,index){
      return (item > 5);   // 判斷傳入的值哪些項大于5
})
console.log(number);   // false 只要有一個滿足就為true

3、filter()

篩選符合條件的項，組成新數組

var num = [1, 2, 3, 4, 5, 6, 7, 8, 9];
var number = num.filter(function(item,index){
      return (item > 5);   // 判斷傳入的值哪些項大于5
})
console.log(number);   // [6, 7, 8, 9]

4、map()

通過計算原數組中的項，來組成新的數組

var num = [1, 2, 3, 4, 5, 6, 7, 8, 9];
var number = num.map(function(item,index){
      return item - 1;   // 判斷傳入的值哪些項大于5
})
console.log(number);   // [0, 1, 2, 3, 4, 5, 6, 7, 8]

5、forEach()

傳入數組的每一項

var num = [1, 2, 3, 4, 5, 6, 7, 8, 9];
var number = num.forEach(function(item,index){
      console.log(item);   // [1, 2, 3, 4, 5, 6, 7, 8, 9]
})

6、reduce()

數組的前項和后項進行累計值計算

var num = [1, 2, 3, 4, 5, 6, 7, 8, 9];
var number = num.reduce(function(prev,cur,index){
      return prev + cur;
})
console.log(number);   // 1+2+3...+9 = 45 本質上就是數組中的項 累計運算的過程

注意

forEach 這個迭代方法在本質上和 for 循環沒有什么區別，但是在使用該方法的時候會傳入三個參數，在輸出時候傳入第一項，也就是輸出數組中的每一項，如果傳入第二項，那么會循環迭代數組的 index 的下標值，如果傳入的是第三項，那么是循環迭代整個 num 數組。

到此，關于“怎么使用JavaScript中的迭代方法”的學習就結束了，希望能夠解決大家的疑惑。理論與實踐的搭配能更好的幫助大家學習，快去試試吧！若想繼續學習更多相關知識，請繼續關注億速云網站，小編會繼續努力為大家帶來更多實用的文章！