建站
咨詢
售后
建站咨詢
新聞中心
本篇內(nèi)容主要講解“es6中的foreach()如何用”，感興趣的朋友不妨來看看。本文介紹的方法操作簡單快捷，實(shí)用性強(qiáng)。下面就讓小編來帶大家學(xué)習(xí)“es6中的foreach()如何用”吧!
創(chuàng)新互聯(lián)專注于企業(yè)營銷型網(wǎng)站、網(wǎng)站重做改版、新津縣網(wǎng)站定制設(shè)計(jì)、自適應(yīng)品牌網(wǎng)站建設(shè)、H5網(wǎng)站設(shè)計(jì)、購物商城網(wǎng)站建設(shè)、集團(tuán)公司官網(wǎng)建設(shè)、外貿(mào)網(wǎng)站建設(shè)、高端網(wǎng)站制作、響應(yīng)式網(wǎng)頁設(shè)計(jì)等建站業(yè)務(wù)，價(jià)格優(yōu)惠性價(jià)比高，為新津縣等各大城市提供網(wǎng)站開發(fā)制作服務(wù)。
在es6中，foreach()方法用于遍歷數(shù)組，調(diào)用數(shù)組的每個(gè)元素，并將元素傳遞給回調(diào)函數(shù)進(jìn)行處理，語法“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)行處理。具體說明如下：
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é)果如表所示。
| forEach 方法啟動(dòng)后的條件 | 元素是否傳遞給回調(diào)函數(shù) |
|---|---|
| 在數(shù)組的原始長度之外添加元素 | 否 |
| 添加元素以填充數(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ù)組過程中，先讀取數(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()如何用”有了更深的了解，不妨來實(shí)際操作一番吧！這里是創(chuàng)新互聯(lián)網(wǎng)站，更多相關(guān)內(nèi)容可以進(jìn)入相關(guān)頻道進(jìn)行查詢，關(guān)注我們，繼續(xù)學(xué)習(xí)！
當(dāng)前文章：es6中的foreach()如何用
網(wǎng)站網(wǎng)址：http://fisionsoft.com.cn/article/ppjojp.html
