首頁 > web前端 > js教程 > 主體

關於js 迭代器方法

小云云
發布: 2017-12-06 15:03:10
原創
2049 人瀏覽過

迭代器(iterator)是一種對象,它能夠用來遍歷標準模板庫容器中的部分或全部元素,每個迭代器物件代表容器中的確定的位址。 js 陣列的迭代器方法,分為兩種:一種不產生新數組,一種產生新數組。

第一種方法:不產生任何新數組,相反,他們要麼對於數組中的每個元素進行某種操作,要麼返回一個值。

1. forEach()方法,該方法接收一個函數作為參數,對數組中的每個元素使用該函數。

<script>
 function arr(num){console.log(num+1)};
 var array = [1,2,3,4,5,6];
 array.forEach(arr);
</script>
登入後複製

2.every()和some(),這兩個方法都是接受一個傳回值為布林類型的函數,並對數組中的每一個元素使用該函數。 every()方法是對於所有元素,函數都會傳回true,該方法就傳回true。而some()方法時只要有一個元素使用該函數傳回true,該方法就會回傳true。

<br/>

<script>
 var  arr = [1,3,4,5,6,7,8];
function even(num){return num%2 ==0};
var sum = arr.every(even);
var  nums = arr.some(even);
console.log(sum)//false;
console.log(nums)//true;
登入後複製
</script>
登入後複製

3.reduce()方法接受一個函數,傳回一個值。這個方法會從一個累加值開始,不斷對累加值和陣列中的後續元素呼叫函數,直到陣列中的最後一個元素,最後傳回得到的累加值。也可以把字串陣列元素連接成一個長字串

<br/>

function add(total,num){return total+-*/num};
var arr =[1,2,3,4];
var sum = arr.reduce(add);
登入後複製

js也提供了reduceRight()方法,不同的是他和reduce()方法順序剛好相反,從右往左。 <br/>第二種方法 產生新陣列的迭代器方法 

有兩個迭代器方法可以產生新陣列:map()和filter()。 map()和forEach()有點像,對數組中的每個元素使用某個函數,兩者區別在於map()傳回一個新數組,該數組是對原有元素應用某個函數得到的結果。

<br/>

   function add(num) {
        return num+=5;
    }
    var words =[1,2,3,4,5];
    var sum =words.map(add);
console.log(sum);//[6,7,8,9,10]
登入後複製

 filter() 和every()類似,傳入一個傳回值為布林類型的函數,和every()不同的是,當對數組中的所有元素套用此函數,結果皆為true時,此方法並未傳回true,而是傳回一個新數組,該數組包含套用該函數後結果為true的元素。

<br/>

    function add(num) {
        return num%2 == 0;
    }
    var words =[1,2,3,4,5];
    var sum =words.filter(add);
console.log(sum);//[2,4];
登入後複製
<br/>
登入後複製

filter()也可以用來過濾字串陣列。例如:

<br/>

function add(str){if(str).indexOf("cie")>-1){return true;}return false;}
var words =["recieve","deceit","deceive"]
var miss = words.filter(add);
console.log(miss)//["recieve"]
登入後複製

以上內容就是關於js 迭代器方法,希望能幫助大家。

相關推薦:

如何使用php迭代器實作一個斐波納契數列函數的實例分析

php的迭代器是什麼

JavaScript迭代器模式如何實作與用法實例詳解

#

以上是關於js 迭代器方法的詳細內容。更多資訊請關注PHP中文網其他相關文章!

相關標籤:
來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板
關於我們 免責聲明 Sitemap
PHP中文網:公益線上PHP培訓,幫助PHP學習者快速成長!