JavaScript數組迭代實現的方法分享
來源:懂視網
責編:小OO
時間:2020-11-27 20:23:40
JavaScript數組迭代實現的方法分享
最近工作中經常涉及到數據的處理,數組尤其常見,經常需要對其進行遍歷、轉換操作,網上的文章零零散散,不得已自己又找出紅寶書來翻出來看,順便記一筆,便于以后查詢。數組常用的迭代方法;ECMAScript5為數組定義了5個迭代方法。每個方法都接受兩個參數:要在每一項上運行的函數fn和(可選的)運行該函數的作用域對象——影響 `this` 的值。傳入這些方法中的函數(fn)會接收3個參數:item 、index 、array;如。根據使用方法的不同,這個函數執行后的返回值,可能會/不會影響方法中的返回值。這5個迭代方法作用及返回值概覽如下:ECMAScript5 Array元素迭代方法。
導讀最近工作中經常涉及到數據的處理,數組尤其常見,經常需要對其進行遍歷、轉換操作,網上的文章零零散散,不得已自己又找出紅寶書來翻出來看,順便記一筆,便于以后查詢。數組常用的迭代方法;ECMAScript5為數組定義了5個迭代方法。每個方法都接受兩個參數:要在每一項上運行的函數fn和(可選的)運行該函數的作用域對象——影響 `this` 的值。傳入這些方法中的函數(fn)會接收3個參數:item 、index 、array;如。根據使用方法的不同,這個函數執行后的返回值,可能會/不會影響方法中的返回值。這5個迭代方法作用及返回值概覽如下:ECMAScript5 Array元素迭代方法。

本文主要介紹了JavaScript數組迭代方法,具有很好的參考價值。下面跟著小編一起來看下吧
最近工作中經常涉及到數據的處理,數組尤其常見,經常需要對其進行遍歷、轉換操作,網上的文章零零散散,不得已自己又找出紅寶書來翻出來看,順便記一筆,便于以后查詢。
數組常用的迭代方法
ECMAScript5為數組定義了5個迭代方法。每個方法都接受兩個參數:要在每一項上運行的函數fn和(可選的)運行該函數的作用域對象——影響 `this` 的值。
傳入這些方法中的函數(fn)會接收3個參數:item 、index 、array; 如:
根據使用方法的不同,這個函數執行后的返回值,可能會/不會影響方法中的返回值。
這5個迭代方法作用及返回值概覽如下:
ECMAScript5 Array元素迭代方法
方法名 | 方法作用 | 返回值 |
every() | 針對數組中每一項元素運行指定函數 | Boolean:若每一項都返回true,返回true; |
filter() | 針對數組中每一項元素運行指定函數, | Array: 返回函數運行返回true的元素組成的新數組 |
forEach() | 針對數組中每一項元素運行指定函數 | null: 無返回值 |
map() | 針對數組中每一項元素運行指定函數 | Array: 返回函數運行后,得到到新新元素組成的新數組 |
some() | 針對數組中每一項元素運行指定函數 | Boolean: 若有任意一項執行函數后返回true, 則返回true |
簡單來說:
every() 、some() 方法適合用于對數組元素進行條件判斷;
filter() 、map() 方法適合用于對數組進行條件篩選/再處理;
forEach() 方法對不對數組本身做操作,僅僅對數組元素的二次應用;
下面介紹下各個方法的使用栗子:
先來假設一個場景,你拿到了公司的本月工資清單,假設你的工資為9000;公司員工工資組成的數組為salaries=[8500,12000,9900,9000],
a. 想知道 你的工資是不是最低的;
b.想知道 有沒有人和你工資一樣多;
c.想知道 是不是所有人待遇都一樣;
d.想把大家的工資都換成K為單位的數據
聲明:本網頁內容旨在傳播知識,若有侵權等問題請及時與本網聯系,我們將在第一時間刪除處理。TEL:177 7030 7066 E-MAIL:11247931@qq.com
JavaScript數組迭代實現的方法分享
最近工作中經常涉及到數據的處理,數組尤其常見,經常需要對其進行遍歷、轉換操作,網上的文章零零散散,不得已自己又找出紅寶書來翻出來看,順便記一筆,便于以后查詢。數組常用的迭代方法;ECMAScript5為數組定義了5個迭代方法。每個方法都接受兩個參數:要在每一項上運行的函數fn和(可選的)運行該函數的作用域對象——影響 `this` 的值。傳入這些方法中的函數(fn)會接收3個參數:item 、index 、array;如。根據使用方法的不同,這個函數執行后的返回值,可能會/不會影響方法中的返回值。這5個迭代方法作用及返回值概覽如下:ECMAScript5 Array元素迭代方法。