DIV CSS 佈局教程網

 DIV+CSS佈局教程網 >> 網頁腳本 >> JavaScript入門知識 >> 關於JavaScript >> 淺談javascript 迭代方法
淺談javascript 迭代方法
編輯:關於JavaScript     

        五個迭代方法 都接受兩個參數:要在每一項上運行的函數 和 運行該函數的作用域(可選)

        every():對數組中的每一項運行給定函數。如果函數對每一項都返回true,則返回true。
        filter():對數組中的每一項運行給定函數。返回該函數會返回true的項組成的數組。
        forEach():對數組中每一項運行給定函數。該函數沒有返回值。
        map():對數組中每一項運行給定函數。返回每次函數調用的結果組成的函數。
        some():對數組中每一項運行給定函數。如果函數對 任一項返回true,則返回true

代碼如下:
        var numbers = [1, 2, 3, 4, 5, 4, 3, 2, 1];
        //every()和some()最相似
        //every()  item:當前遍歷項,index:當前項索引,array:數組對象本身
        var everyResult = numbers.every(function (item, index, array) {
            return item > 2;
        });
        alert(everyResult);//false
        //some()
        var someResult = numbers.some(function (item, index, array) {
            return item > 2;
        });
        alert(someResult);//true
        //filter
        var filterResult = numbers.filter(function (item, index, array) {
            return item > 2;
        });
        alert(filterResult);//[3,4,5,4,3]
        //map()
        var mapResult = numbers.map(function (item, index, array) {
            return (item * 2);
        });
        alert(mapResult);//[2,4,6,8,10,8,6,4,2]
        //forEach 本質上和for循環沒有區別
        var forEachResult=numbers.forEach(function(item,index,array){
            alert(item)
        });

以上就是本文的全部內容了,希望能給大家一些提示,能夠更好的理解javascript迭代方法。

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