站長資訊網
        最全最豐富的資訊網站

        es6中foreach()怎么用

        在es6中,foreach()方法用于遍歷數組,調用數組的每個元素,并將元素傳遞給回調函數進行處理,語法“array.forEach(function(currentValue,index,arr),thisValue)”。

        es6中foreach()怎么用

        本教程操作環境:windows7系統、ECMAScript 6版、Dell G3電腦。

        在es6中,foreach()方法用于遍歷數組,調用數組的每個元素,并將元素傳遞給回調函數進行處理。具體說明如下:

        array.forEach(function(currentValue, index, arr), thisValue)
        參數 描述
        function(currentValue, index, arr) 必需。 數組中每個元素需要調用的函數。
        函數參數:參數描述currentValue必需。當前元素index可選。當前元素的索引值。arr可選。當前元素所屬的數組對象。
        thisValue 可選。傳遞給函數的值一般用 "this" 值。
        如果這個參數為空, "undefined" 會傳遞給 "this" 值

        對于數組中出現的每個元素,forEach 方法都會調用 callbackfn 函數一次,采用升序索引順序,但不會為數組中空元素調用回調函數。

        除了數組對象之外,forEach 方法還可以用于有 length 屬性且具有已按數字編制索引的屬性名的任何對象,如關聯數組對象、Arguments 等。

        forEach 方法不直接修改原始數組,但回調函數可能會修改它。在 forEach 方法啟動后修改數組對象所獲得的結果如表所示。

        回調函數修改數組的影響
        forEach 方法啟動后的條件 元素是否傳遞給回調函數
        在數組的原始長度之外添加元素
        添加元素以填充數組中缺少的元素 是,如果該索引尚未傳遞給回調函數
        元素已更改 是,如果該元素尚未傳遞給回調函數
        從數組中刪除元素 否,除非該元素已傳遞給回調函數

        示例1

        下面示例使用 forEach 迭代數組 a,然后把每個元素的值和下標索引輸出顯示,代碼如下:

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

        演示結果如下:

        es6中foreach()怎么用

        示例2

        下面示例使用 forEach 迭代數組 a,然后計算數組元素的和并輸出。

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

        示例3

        下面示例演示如何使用 forEach() 方法的第二個參數,該參數為回調函數的 this 傳遞對象。當迭代數組過程中,先讀取數組元素的值,然后改寫它的值。

        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]

        贊(0)
        分享到: 更多 (0)
        網站地圖   滬ICP備18035694號-2    滬公網安備31011702889846號
        主站蜘蛛池模板: 97视频在线精品国自产拍| 国产91精品黄网在线观看 | 国产香蕉精品视频在| 亚洲第一区精品观看| 91亚洲精品麻豆| 91精品视频网站| 欧美肥屁VIDEOSSEX精品| 欧美在线精品永久免费播放| 国产精品99| 99国产精品国产免费观看| 91视频精品全国免费观看| 久久精品一本到99热免费| 中文字幕无码精品亚洲资源网久久| 精品福利一区二区三区精品国产第一国产综合精品 | 亚洲欧美精品综合中文字幕| 精品一区二区三区色花堂| 91精品啪在线观看国产电影| 精品国产网红福利在线观看| 成人精品视频一区二区三区| 日韩精品真人荷官无码| 亚洲精品国产首次亮相| 亚洲国产精品成人| 无夜精品久久久久久| 四虎精品影库4HUTV四虎| 久久久久九国产精品| 蜜臀AV无码国产精品色午夜麻豆| 国产欧美精品区一区二区三区| 91久久精品电影| Aⅴ精品无码无卡在线观看| 一级香蕉精品视频在线播放| 欧美巨大黑人精品videos| 四虎最新永久在线精品免费| 亚洲精品自产拍在线观看动漫| 麻豆精品久久久一区二区| 你懂的国产精品| 91久久精品国产免费直播| 国产精品高清在线观看| 国产精品夜色视频一级区| 精品视频一区二区三区| 另类国产精品一区二区| 四虎国产精品永久在线看|