本篇內(nèi)容主要講解“es6中的foreach()如何用”，感興趣的朋友不妨來(lái)看看。本文介紹的方法操作簡(jiǎn)單快捷，實(shí)用性強(qiáng)。下面就讓小編來(lái)帶大家學(xué)習(xí)“es6中的foreach()如何用”吧!

創(chuàng)新互聯(lián)專注于企業(yè)營(yíng)銷型網(wǎng)站、網(wǎng)站重做改版、新津縣網(wǎng)站定制設(shè)計(jì)、自適應(yīng)品牌網(wǎng)站建設(shè)、H5網(wǎng)站設(shè)計(jì)、購(gòu)物商城網(wǎng)站建設(shè)、集團(tuán)公司官網(wǎng)建設(shè)、外貿(mào)網(wǎng)站建設(shè)、高端網(wǎng)站制作、響應(yīng)式網(wǎng)頁(yè)設(shè)計(jì)等建站業(yè)務(wù)，價(jià)格優(yōu)惠性價(jià)比高，為新津縣等各大城市提供網(wǎng)站開發(fā)制作服務(wù)。

在es6中，foreach()方法用于遍歷數(shù)組，調(diào)用數(shù)組的每個(gè)元素，并將元素傳遞給回調(diào)函數(shù)進(jìn)行處理，語(yǔ)法“array.forEach(function(currentValue,index,arr),thisValue)”。

本教程操作環(huán)境：windows7系統(tǒng)、ECMAScript 6版、Dell G3電腦。

在es6中，foreach()方法用于遍歷數(shù)組，調(diào)用數(shù)組的每個(gè)元素，并將元素傳遞給回調(diào)函數(shù)進(jìn)行處理。具體說(shuō)明如下：

array.forEach(function(currentValue, index, arr), thisValue)

參數(shù)	描述
function(currentValue, index, arr)	必需。 數(shù)組中每個(gè)元素需要調(diào)用的函數(shù)。 函數(shù)參數(shù):參數(shù)描述currentValue必需。當(dāng)前元素index可選。當(dāng)前元素的索引值。arr可選。當(dāng)前元素所屬的數(shù)組對(duì)象。
thisValue	可選。傳遞給函數(shù)的值一般用 "this" 值。 如果這個(gè)參數(shù)為空， "undefined" 會(huì)傳遞給 "this" 值

對(duì)于數(shù)組中出現(xiàn)的每個(gè)元素，forEach 方法都會(huì)調(diào)用 callbackfn 函數(shù)一次，采用升序索引順序，但不會(huì)為數(shù)組中空元素調(diào)用回調(diào)函數(shù)。

除了數(shù)組對(duì)象之外，forEach 方法還可以用于有 length 屬性且具有已按數(shù)字編制索引的屬性名的任何對(duì)象，如關(guān)聯(lián)數(shù)組對(duì)象、Arguments 等。

forEach 方法不直接修改原始數(shù)組，但回調(diào)函數(shù)可能會(huì)修改它。在 forEach 方法啟動(dòng)后修改數(shù)組對(duì)象所獲得的結(jié)果如表所示。

回調(diào)函數(shù)修改數(shù)組的影響

forEach 方法啟動(dòng)后的條件	元素是否傳遞給回調(diào)函數(shù)
在數(shù)組的原始長(zhǎng)度之外添加元素	否
添加元素以填充數(shù)組中缺少的元素	是，如果該索引尚未傳遞給回調(diào)函數(shù)
元素已更改	是，如果該元素尚未傳遞給回調(diào)函數(shù)
從數(shù)組中刪除元素	否，除非該元素已傳遞給回調(diào)函數(shù)

示例1

下面示例使用 forEach 迭代數(shù)組 a，然后把每個(gè)元素的值和下標(biāo)索引輸出顯示，代碼如下：

function f(value,index,array) {
    console.log("a[" + index + "] = " + value);
}
var a = ['a', 'b', 'c'];
a.forEach(f);

演示結(jié)果如下：

示例2

下面示例使用 forEach 迭代數(shù)組 a，然后計(jì)算數(shù)組元素的和并輸出。

var a = [10, 11, 12], sum = 0;
a.forEach (function (value) {
    sum += value;
});
console.log(sum);  //返回33

示例3

下面示例演示如何使用 forEach() 方法的第二個(gè)參數(shù)，該參數(shù)為回調(diào)函數(shù)的 this 傳遞對(duì)象。當(dāng)?shù)鷶?shù)組過(guò)程中，先讀取數(shù)組元素的值，然后改寫它的值。

var obj = {
    f1 : function(value,index,array) {
        console.log("a[" + index + "] = " + value);
        arrar[index] = this.f2(value);
    },
    f2 : function (x) {return x * x;}
};
var a = [12, 26, 36];
a.forEach(obj.f1, obj);
console.log(a);  //返回[144, 676, 1296]

到此，相信大家對(duì)“es6中的foreach()如何用”有了更深的了解，不妨來(lái)實(shí)際操作一番吧！這里是創(chuàng)新互聯(lián)網(wǎng)站，更多相關(guān)內(nèi)容可以進(jìn)入相關(guān)頻道進(jìn)行查詢，關(guān)注我們，繼續(xù)學(xué)習(xí)！

文章題目：es6中的foreach()如何用
標(biāo)題路徑：http://jinyejixie.com/article28/ppjojp.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供網(wǎng)站內(nèi)鏈、定制網(wǎng)站、網(wǎng)站設(shè)計(jì)公司、企業(yè)建站、軟件開發(fā)、建站公司

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請(qǐng)盡快告知，我們將會(huì)在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng)，如需處理請(qǐng)聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時(shí)需注明來(lái)源： 創(chuàng)新互聯(lián)