數組 forEach、filter、map 理解

RyanHoo 發布于2019-08-20 18:58 / 2855人閱讀

摘要：調用時使用參數。返回表示保留該元素通過測試，則不保留。返回值一個新的通過測試的元素的集合的數組范例參數用來測試數組的每個元素的函數。執行時的用于的值。返回值一個新數組，每個元素都是回調函數的結果。

參考文檔

Array MDN

forEach、filter、map 1. forEach 1.1 參數 1.1.1 callback

用來測試數組的每個元素的函數。調用時使用參數 (element, index, array)。
返回true表示保留該元素（通過測試），false則不保留。

1.1.2 thisArg

可選。執行 callback 時的用于 this 的值。

1.2 返回值

一個新數組，每個元素都是回調函數的結果。

1.3 范例

var arr = [1 , 2 , 3 , 4];
var thisArg = {name: "grayVTouch"};
arr.forEach(function(val , index , arr){
    arr[index] = val.toUpperCase();
    console.log(this); // {name: "grayVTouch"}
} , thisArg);

console.log(arr);

2. filter 2.1 參數 2.1.1 callback

用來測試數組的每個元素的函數。調用時使用參數 (element, index, array)。
返回true表示保留該元素（通過測試），false則不保留。

2.1.2 thisArg

可選。執行 callback 時的用于 this 的值。

2.2 返回值

一個新的通過測試的元素的集合的數組

2.3 范例

var arr = [1 , 2 , 3 , 4];
var thisArg = {name: "grayVTouch"};
var res = arr.filter(function(val , index , arr){
    console.log(this); // {name: "grayVTouch"}
    
    if (val > 3) {
        return true;
    }
    
    return false;
} , thisArg);

console.log(arr);
console.log(res);

3. map 3.1 參數 3.1.1 callback

用來測試數組的每個元素的函數。調用時使用參數 (element, index, array)。
返回true表示保留該元素（通過測試），false則不保留。

3.1.2 thisArg

可選。執行 callback 時的用于 this 的值。

3.2 返回值

一個新數組，每個元素都是回調函數的結果。

3.3 范例

var arr = [1 , 2 , 3 , 4];
var thisArg = {name: "grayVTouch"};
var res = arr.map(function(val , index , arr){
    console.log(this); // {name: "grayVTouch"}
    return val + "數據測試";
} , thisArg);

console.log(arr);
console.log(res);

GPU云服務器云服務器 js數組遍歷foreach php數組和map js 傳遞map數組 js將數組轉成map

文章版權歸作者所有，未經允許請勿轉載,若此文章存在違規行為，您可以聯系管理員刪除。

轉載請注明本文地址：http://specialneedsforspecialkids.com/yun/84959.html

JavaScript es5中的Array常用的forEach、map、filter、indexOf

摘要：的的區別和相同之處就是數組的遍歷循環，回調支持三個參數，第個是遍歷的數組內容第個是對應的數組索引，第個是數組本身他是沒有返回值得，不需要再下面，更進一步，除了接受一個必須的回調函數參數，還可以接受一個可選的上下文參數改變回調函數里面 Array的forEach、map的區別和相同之處 forEach 1、 forEach就是數組的遍歷、循環，回調支持三個參數，第1個是遍歷的數組內容；...

xuexiangjys 2019-08-20 15:37 評論0 收藏0
forEach、map、filter、find、sort、some等易錯點整理

摘要：最近手頭上做了一個很大的后臺管理項目，前端對復雜數據的處理要求頗高，也確實讓自己發現了很多之前被忽視的細節。鳴人佐助卡卡西佐助佐助佐助但是很遺憾及更早版本也不支持。 ??最近手頭上做了一個很大的后臺管理項目，前端對復雜數據的處理要求頗高，也確實讓自己發現了很多之前被忽視的細節。在此特整理出來，希望不熟悉的朋友們們以后可以繞開我踩的這些坑。本文初衷在于幫助大家梳理一些數組操作上的重點和易...

AJie 2019-08-23 16:50 評論0 收藏0
JavaScript學習之數組(下)

摘要：數組篇方法函數可以將函數作為參數傳入，并將數組中每個元素代入函數進行處理返回，返回一個新的數組可以看出可以傳入兩個參數，第一個參數中函數可以填入三個參數，數組的元素，數組的索引，數組本身第二個參數用來綁定回調函數內部的注意點當元素為空位，，數組篇 map()方法 map函數可以將函數作為參數傳入，并將數組中每個元素代入函數進行處理返回，返回一個新的數組 arr.map(functio...

Labradors 2019-08-23 12:14 評論0 收藏0
Array和常用API

摘要：返回值自寫一下函數這就是一個簡單的自寫的一個函數，代表操作的數組，代表用來操作數組的函數，傳入數組和函數。返回值返回排序后的數組。分隔符指定一個字符串來分隔數組的每個元素。生成新數組元素的函數，使用三個參數。什么是數組在阮一峰的《JavaScript 標準參考教程（alpha）》中的解釋是：數組（array）是按次序排列的一組值。每個值的位置都有編號（從0開始），整個數組用方括號表...

coordinate35 2019-08-22 18:41 評論0 收藏0
如何在 JS 循環中正確使用 async 與 await

摘要：蛤當你嘗試在循環中使用時，事情就會變得復雜一些。這意味著循環中的應該按順序執行。在循環中使用首先，使用對數組進行遍歷。在中使用如果在中使用始終返回數組，這是因為異步函數總是返回。在循環中使用當你使用時，希望篩選具有特定結果的數組。 async 與 await 的使用方式相對簡單。蛤當你嘗試在循環中使用await時，事情就會變得復雜一些。想閱讀更多優質文章請猛戳GitHub博客,一年...

liujs 2019-08-23 17:57 評論0 收藏0