DIV CSS 佈局教程網

 DIV+CSS佈局教程網 >> 網頁腳本 >> JavaScript入門知識 >> JavaScript基礎知識 >> Javascript中的迭代、歸並方法詳解
Javascript中的迭代、歸並方法詳解
編輯:JavaScript基礎知識     

迭代方法

在Javascript中迭代方法個人覺得尤為重要,在很多時候都會有實際上的需求,javascript提供了5個迭代方法來供我們操作,它們分別為:

every() 對數組中的每一個項運用給定的函數,如果每項都返回true,那麼就會返回true

filter() 對數組中的每一個項運用給定的函數,把返回true的項組成一個新數組並返回

forEach() 對數組中的每一項運用給定的函數,但是沒有任何的返回值

map() 對數組中的每一個項運用給定的函數並返回每次函數調用的結果組成新的數組

same() 對數組中的每一個項運用給定的函數,如果數組中有一項返回true,那麼就返回true

上面的5個方法中,它們都接受兩個參數: 執行函數,也就是需要對每一個項進行操作的函數,這個函數有三個參數:數組項的值、該項在數組中的位置、數組對象本身。 給定的作用域,給定一個作用域,影響給定函數的this對象。如:

var values = [5,6,7,8,9,10,11,12,13];
 
function actionfunc(item, index, array){console.log(this)};
 
values.every(actionfunc,document); //這裡會向控制台輸出6次document對象

歸並方法

除了迭代的方法之外還,javascript還提供了兩個歸並的方法,歸並就是歸檔合並,這些方法和名字一樣,都會利用給定的函數迭代數組中的每一項,然後返回一個總值。這兩個歸並的方法分別為:

reduce() 在數組中項從第一個開始一直到最後一個順向的對數組中的每一個項運用給定的函數,然後返回一個對數組所有項運行給定函數結果的總和。

reduceRight() 在數組中項從最後一個開始一直到第一個逆向的運用給定的函數,然後返回一個對數組所有項運行給定函數結果的總和。

上面的兩個方法接受兩個參數: 執行函數,也就是需要對每一個項進行操作的函數,這個函數有四個參數:前一個值、當前值、項的索引、數組對象本身。 歸並的基值,歸並的計算將以此值為基礎進行計算。如:

var values = [5, 6, 7, 8, 9, 10, 11, 12, 13];
 
values.reduce(function(preitem,item,index,array){return preitem+item},2) //返回數值83

以上這篇Javascript中的迭代、歸並方法詳解就是小編分享給大家的全部內容了,希望能給大家一個參考,也希望大家多多支持。

XML學習教程| jQuery入門知識| AJAX入門| Dreamweaver教程| Fireworks入門知識| SEO技巧| SEO優化集錦|
Copyright © DIV+CSS佈局教程網 All Rights Reserved