探秘arr.map

一、基礎概念

1、arr.map是什麼?

在JavaScript中,arr.map()是一個用於數組映射的函數,它會將數組中每個元素傳入一個回調函數內部,並返回一個新數組,新數組的每個元素都是回調函數的返回值。

2、arr.map的語法結構

    arr.map(callback(currentValue[, index[, array]])[, thisArg])

其中,callback是必需的參數,currentValue是當前元素的值,index是當前元素的索引,array是原始數組。

二、實戰演練

1、對數組元素進行平方操作

    const arr = [1, 2, 3, 4];
    const newArr = arr.map(item => item ** 2);
    console.log(newArr);
    //輸出 [1, 4, 9, 16]

可以看出,我們通過arr.map()方法對原數組中的元素進行平方操作,並將結果保存在新數組中。

2、對數組元素進行過濾

    const arr = [1, 2, 3, 4, 5];
    const newArr = arr.map(item => {
        if (item > 2) {
            return item;
        }
    });
    console.log(newArr);
    //輸出 [undefined, undefined, 3, 4, 5]

這裡我們通過arr.map()方法進行了一個篩選操作,只將大於2的元素返回到新數組中,而小於等於2的元素會在新數組中變成undefined。

三、高級應用

1、將對象數組中的某個屬性提取出來

    const arr = [
        {id: 1, name: '張三'},
        {id: 2, name: '李四'},
        {id: 3, name: '王五'}
    ];
    const newArr = arr.map(item => item.id);
    console.log(newArr);
    //輸出 [1, 2, 3]

通過arr.map()方法,我們可以將對象數組中id屬性提取出來並保存到新數組中。

2、將字元串數組中的每個元素轉成數字類型

    const arr = ['1', '2', '3', '4'];
    const newArr = arr.map(item => parseInt(item));
    console.log(newArr);
    //輸出 [1, 2, 3, 4]

對於一些需要進行類型轉換的操作,如將字元串數組中的每個元素都轉成對應的數字類型,我們可以通過arr.map()方法實現。

四、總結

arr.map()是JavaScript中用於數組映射的重要函數之一,通過多種方式的演示與實踐,我們可以清楚地了解其語法結構、常見的使用場景以及高級應用。在實際開發過程中,arr.map()的威力不容小覷,值得我們在代碼編寫中加以充分的利用。

原創文章,作者:小藍,如若轉載,請註明出處:https://www.506064.com/zh-tw/n/233935.html

(0)
打賞 微信掃一掃 微信掃一掃 支付寶掃一掃 支付寶掃一掃
小藍的頭像小藍
上一篇 2024-12-11 17:12
下一篇 2024-12-11 17:12

相關推薦

  • 深入解析map遍歷刪除

    一、概述 map是C++ STL中用於映射鍵值對的容器,具有一些方便的操作,如insert、find、count等。然而,如果需要根據某些條件刪除元素,就需要遍歷整個map,找到需…

    編程 2025-04-25
  • Java Map containsKey方法詳解

    一、containsKey方法簡介 containsKey方法是Java Map介面中的方法之一,用於判斷Map集合中是否包含某個指定的key,方法返回一個boolean類型值。如…

    編程 2025-04-24
  • JS Map刪除元素詳解

    一、JS刪除DOM元素 在前端開發中,動態地刪除DOM元素是一項常見操作。通過JavaScript,我們可以輕鬆地以編程方式刪除HTML頁面上的元素,從而實現頁面的動態更新。下面是…

    編程 2025-04-24
  • mapreduce.map.java.opts

    一、基本概念 mapreduce.map.java.opts是Hadoop中MapReduce框架中的一個重要的參數,它用於控制map任務中Java虛擬機(JVM)的參數。通常情況…

    編程 2025-04-24
  • 深入理解map轉換為json字元串

    一、map轉換為json字元串 Map是一種鍵值對的數據結構,可以存儲任意類型的對象。在Java中,我們可以將一個Map對象轉換成一個JSON字元串,這個JSON字元串可以用於數據…

    編程 2025-04-23
  • 深入解析Map和FlatMap

    一、Map和FlatMap的基本概念 Map和FlatMap是函數式編程裡面非常重要的兩個概念,它們可以處理一些複雜的數據結構。Map是指對一個數組或者列表的每個元素都執行一定的操…

    編程 2025-04-23
  • 詳解map轉對象

    一、基礎概念 Map是一種鍵值對的數據結構,它是Java中非常常用的數據類型,尤其是在開發中常用於將JSON字元串轉化為對象。Object則是Java中的一個基礎數據類型,它是所有…

    編程 2025-04-23
  • c++ map排序詳解

    一、基本介紹 map是c++語言中的一個關聯數組容器,可以在一個鍵和值之間建立一種映射關係。其中,鍵是唯一的,值可以重複。同時,map中的元素是按鍵自動排序的,排序方式可以通過自定…

    編程 2025-04-23
  • lambda遍歷map詳解

    一、基礎概念 1、lambda表達式的含義 lambda:arguemts:expression 其中,arguments表示lambda表達式的參數列表,expression則表…

    編程 2025-04-22
  • Java Map Remove詳解

    一、Map.remove() Map.remove(Object key)方法用於根據key刪除Map中的entry。如果Map中不存在這個key,則不進行任何操作。remove(…

    編程 2025-04-18

發表回復

登錄後才能評論