1. 程式人生 > >ES6中forEach方法

ES6中forEach方法

forEach

forEach是Array新方法中最基本的一個,就是遍歷,迴圈。例如下面這個例子:

?
1 [1, 2 ,3, 4].forEach(alert);

等同於下面這個傳統的for迴圈:

?
1 2 3 4 5 var array = [1, 2, 3, 4]; for (var k = 0, length = array.length; k < length; k++) { alert(array[k]);
}

Array在ES5新增的方法中,引數都是function型別,預設有傳參,這些引數分別是?見下面:

?
1 2 3 4 5 6 7 8 9 [1, 2 ,3, 4].forEach(console.log); // 結果: // 1, 0, [1, 2, 3, 4] // 2, 1, [1, 2, 3, 4] // 3, 2, [1, 2, 3, 4] // 4, 3, [1, 2, 3, 4] <span style=
"font-family: Arial, Verdana, sans-serif;">顯而易見,forEach方法中的function回撥支援3個引數,第1個是遍歷的陣列內容;第2個是對應的陣列索引,第3個是陣列本身。</span>

因此,我們有:

?
1 2 3 [].forEach(function(value, index, array) { // ... });

對比jQuery中的$.each方法:

?
1

相關推薦

ES6forEach方法

forEach forEach是Array新方法中最基本的一個,就是遍歷,迴圈。例如下面這個例子: ? 1 [1, 2 ,3, 4].forEach(alert); 等同

es6reduce()方法和reduceRight()方法

es6中reduce()方法 從左往右開始 引數: prev:它是上一次呼叫回撥時返回的結果,每次呼叫的結果都會給prev cur:當前的元素 index:當前的索引 arr:迴圈的陣列 返回值: 函式累計處理的結果 demo: 求陣列的和。 var a

javascript forEach方法

陣列的forEach方法(IE9+支援) 返回:undefined     forEach 方法按升序為陣列中 含 有效值的每一項執行一次callback函式,那些已刪除(使用daleta方法等情況) 或者未初始化的項將被跳過(但不包括那些指為undefined的項 ) ;

mybatisforeach使用方法

system inline lan arrays tro edi rip property concat 作者:學無先後 達者為先 作者:偶爾記一下 foreach一共有三種類型,分別為List,[](array),Map三種。 下面表格是我總結的各個屬性的用途和註

ES6Object.assign() 方法

添加屬性 克隆對象 調用函數 rim 包裝 無法 ssi get 產生 ES6中Object.assign() 方法 1. 對象合並Object.assign 方法用於對象的合並,將源對象(source)的所有可枚舉屬性,復制到目標對象上。如下代碼演示: var t

ES6函數新增的方式方法

消失 bsp foo 兩個 max original 1.2 陌生 ted 緒 言 ES6  大家對JavaScript中的函數都不陌生。今天我就為大家帶來ES6中關於函數的一些擴展方式和方法。 1.1函數形參的默認值 1.1.1基本用法   ES6 之前

ES6數組的新方法

1.5 展開 ble 依次 cnblogs 有一個 基本上 console 新的 數組的擴展 1.1擴展運算符 1.1.1:... 擴展運算符(spread)是三個點(...)。它好比 rest 參數的逆運算,將一個數組轉為用逗號分隔的參數序列。

es6新增對象的特性和方法

script 就是 xxx logs 情況 cti 變量 應用 div 1. 對象簡寫 //曾經假如是這樣的 var name = ‘xxx‘ var obj = { name : name, say : fun

遞歸,調用forEach方法問題

argument http pre 遞歸 沒有 一個 溢出 col pic 1 function traverse(objNmae,obj,url){ 2 url = url || objNmae; 3 if(typeo

ES66種聲明變量的方法

defined 嚴格 .cn def fin 默認 建議 默認值 語言 ES5 只有兩種聲明變量的方法:var命令和function命令。 ES6 除了添加let和const命令,還有兩種聲明變量的方法:import命令和class命令。 所以,ES6 一共有 6 種聲

解讀es6 class constructor 方法 和 super 的作用

ES6 的 class 屬於一種“語法糖”,所以只是寫法更加優雅,更加像面對物件的程式設計,其思想和 ES5 是一致的。 類和模組的內部,預設就是嚴格模式,所以不需要使用use strict指定執行模式。 //定義類 class Point { constructor(x, y) {

ES6新增的Object.assign()方法

ES6提供了Object.assign()方法用於物件的合併,將源物件( source )的所有可列舉屬性,複製到目標物件( target )。 Object.assign()方法的第一個引數是目標物件,後面的引數都是源物件。 注意,如果目標物件與源物件有同名屬性,或多個源物件有同名屬性,則

ES6。類與繼承的方法,以及與ES5方法的對比

// 在ES5中,通常使用建構函式方法去實現類與繼承   1 // 建立父類 2 function Father(name, age){ 3 this.name = name; 4 this.age = age;

陣列的foreach方法和jQuery的each方法

陣列的foreach方法和jQuery中的each方法 /* * 陣列的forEach方法: * 1、返回給回撥的引數先是值,然後是下標 * 2、回撥函式執行時內部的this指向window * */ /*var arr = [1,2,3,4,5]; arr.forEach(functi

ES6Object新增方法

1、Object.is() Object.is()它用來比較兩個值是否嚴格相等,與嚴格比較運算子( === )的行為基本一致,是在三等號判斷的基礎上新增了兩個不同之處。 Object.is()不同之處只有兩個:一是+0不等於-0,二是NaN等於自身。 語法: Object.is(

jsmap方法forEach方法的區別

紅寶書中的定義: map():對陣列的每一項執行給定函式,返回每次函式呼叫的結果組成的陣列。 forEach():對陣列的每一項執行給定函式,無返回值。 forEach()程式碼如下: let arr = ['kebe','liyabin','wangmin']; arr.forEa

較常用的Math方法ES6的擴充套件

記錄下與Math有關的常用方法,如:求最大值、最小值等,或者是保留幾位數啥的 1.資料 let floatA = 2.325232; let floatB = 2.3456; let temporaryArray = [1, 2, 5, 6, 3]; let minusNu

Java 集合List及MapforEach()方法

我們先看一個forEach()方法遍歷List集合的例子: //使用com.google.guava包建立集合 List<String> list =Lists.newArrayList("a","b","c","d");

jsp常用的forEach>方法

jsp中常用的<c:if>判斷非空的方法:<c:if test="${empty obj.glyhf}">為空</c:if>  //為空顯示<c:if test="${not empty obj.glyhf}">不為空</

ES6陣列新增方法forEach、map、filter、find、every、some、reduce的用法

*ES6語法,Opera 11+    Firefox 3.6+    Safari 5+    Chrome 8+ I   nternet Explorer 9+支援。可以通過babel轉意支援低版本瀏覽器。 forEach() ES6新增的一種迴圈 案例1列印陣