數(shù)組 forEach、filter、map 理解

RyanHoo 發(fā)布于2019-08-20 18:58 / 2862人閱讀

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

參考文檔

Array MDN

forEach、filter、map 1. forEach 1.1 參數(shù) 1.1.1 callback

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

1.1.2 thisArg

可選。執(zhí)行 callback 時的用于 this 的值。

1.2 返回值

一個新數(shù)組，每個元素都是回調(diào)函數(shù)的結(jié)果。

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 參數(shù) 2.1.1 callback

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

2.1.2 thisArg

可選。執(zhí)行 callback 時的用于 this 的值。

2.2 返回值

一個新的通過測試的元素的集合的數(shù)組

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 參數(shù) 3.1.1 callback

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

3.1.2 thisArg

可選。執(zhí)行 callback 時的用于 this 的值。

3.2 返回值

一個新數(shù)組，每個元素都是回調(diào)函數(shù)的結(jié)果。

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 + "數(shù)據(jù)測試";
} , thisArg);

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

云服務(wù)器 GPU云服務(wù)器 js數(shù)組遍歷foreach php數(shù)組和map js 傳遞map數(shù)組 js將數(shù)組轉(zhuǎn)成map

文章版權(quán)歸作者所有，未經(jīng)允許請勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。

轉(zhuǎn)載請注明本文地址：http://systransis.cn/yun/84959.html

相關(guān)文章

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

摘要：的的區(qū)別和相同之處就是數(shù)組的遍歷循環(huán)，回調(diào)支持三個參數(shù)，第個是遍歷的數(shù)組內(nèi)容第個是對應(yīng)的數(shù)組索引，第個是數(shù)組本身他是沒有返回值得，不需要再下面，更進(jìn)一步，除了接受一個必須的回調(diào)函數(shù)參數(shù)，還可以接受一個可選的上下文參數(shù)改變回調(diào)函數(shù)里面 Array的forEach、map的區(qū)別和相同之處 forEach 1、 forEach就是數(shù)組的遍歷、循環(huán) ，回調(diào)支持三個參數(shù)，第1個是遍歷的數(shù)組內(nèi)容；...

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

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

AJie 2019-08-23 16:50 評論0 收藏0
JavaScript學(xué)習(xí)之數(shù)組(下)

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

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

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

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

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

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