站長資訊網
        最全最豐富的資訊網站

        jquery中map返回的是對象還是什么

        在jquery中,map()函數返回的是使用指定函數處理封裝后新的數組;該函數用于使用指定函數處理數組中的每個元素或對象的每個屬性,并將處理結果封裝為新的數組返回;該函數返回值將作為結果數組中的一個元素,如果返回值為null或undefined,則不會被添加到結果數組中。

        jquery中map返回的是對象還是什么

        本教程操作環境:windows10系統、jquery3.6.0版本、Dell G3電腦。

        jquery中map

        jQuery.map()函數用于使用指定函數處理數組中的每個元素(或對象的每個屬性),并將處理結果封裝為新的數組返回。

        注意:

        1. 在jQuery 1.6 之前,該函數只支持遍歷數組;從 1.6 開始,該函數也支持遍歷對象。

        2. map()還會為函數傳入兩個參數:其一是當前迭代的元素或屬性值,其二是當前迭代項的數組索引或對象屬性名。

        3. 該函數返回值將作為結果數組中的一個元素,如果返回值為null或undefined,則不會被添加到結果數組中。

        語法

        $.map( object, callback )

        object Array/Object類型 指定的需要處理的數組或對象。

        callback Function類型 指定的處理函數。

        示例如下:

        <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>123</title> <style> div { color:blue; } p { color:green; margin:0; } span { color:red; } </style> <script src="js/jquery.min.js"></script> </head> <body> <div></div> <p></p> <span></span> <script> $(function () {  var arr = [ "a", "b", "c", "d", "e" ]; $("div").text(arr.join(", ")); arr = $.map(arr, function(n, i){ return (n.toUpperCase() + i); }); $("p").text(arr.join(", ")); arr = $.map(arr, function (a) { return a + a; }); $("span").text(arr.join(", ")); }) </script>   </body> </html>

        示例如下:

        jquery中map返回的是對象還是什么

        擴展知識:

        在我們原生js中有map方法,而在jQuery當中也有一個map方法,那它們之間有什么不同?照例先看代碼

        jquery中map返回的是對象還是什么

        第一個參數:當前遍歷到的元素

        第二個參數:當前遍歷的索引

        第三個參數:當前被遍歷的數組

        jquery中map返回的是對象還是什么

        但是,注意:和原生js的forEach方法一樣,不能遍歷偽數組

        jquery中map返回的是對象還是什么

        jquery中map返回的是對象還是什么

        毫無疑問的報錯了,在就證明原生js的map方法不能遍歷偽數組了

        那么接下來來看一下jQuery中的map方法吧

        jquery中map返回的是對象還是什么

        第一個參數:要遍歷的數組

        第二個參數:每遍歷一個元素之后執行的回調函數

        回調函數的參數:

        第一個參數:遍歷到的元素

        第二個參數:遍歷到的索引

        jquery中map返回的是對象還是什么

        和原生js的map方法一樣可以遍歷數組

        那么可不可以遍歷偽數組?那讓我們直接看代碼吧!

        jquery中map返回的是對象還是什么

        jquery中map返回的是對象還是什么

        顯然是可以的,和jQuery中的each方法一樣看,map方法也可以遍歷偽數組

        既然jQuery中的each和map方法都可以遍歷數組和偽數組,那么它們之間又有什么區別?

        1. each方法默認的返回值是遍歷誰就返回誰
          2. map方法默認的返回值是一個空數組
          jquery中map返回的是對象還是什么
          jquery中map返回的是對象還是什么

        1. each方法不支持在回調函數中對遍歷的數組進行處理
        2. map方法可以在回調函數中通過return對遍歷的數組進行處理,然后生成一個新的數組返回
        jquery中map返回的是對象還是什么
        jquery中map返回的是對象還是什么

        可以看到map方法返回的數組是索引加上索引對應的值,所以說map方法是可以通過return對遍歷的數組進行處理,然后生成一個新的數組返回

        jquery中map返回的是對象還是什么

        jquery中map返回的是對象還是什么

        而each是不支持通過return在回調函數中對遍歷的數組進行處理
        通過以上的比較應該都了解到它們之間的不同了吧,什么時候用map方法什么時候用each方法,應該都有一個比較清楚的認知了吧?

        視頻教程推薦:jQuery視頻教程

        贊(0)
        分享到: 更多 (0)
        網站地圖   滬ICP備18035694號-2    滬公網安備31011702889846號
        主站蜘蛛池模板: 永久无码精品三区在线4| 亚洲综合无码精品一区二区三区| 国产精品一区二区av不卡| 亚洲精品国产美女久久久| 99久久免费只有精品国产| 国产日韩精品欧美一区| 亚洲av无码成人精品区在线播放 | 久久人人爽人人精品视频| 欧美日韩精品在线| 国产一精品一AV一免费| 最新精品亚洲成a人在线观看| 国产精品一级AV在线播放| 欧美精品在线一区| 精品免费tv久久久久久久| 精品9E精品视频在线观看| 四虎国产成人永久精品免费| 亚洲国产精品人人做人人爽| 久久精品综合一区二区三区| 国产欧美精品一区二区色综合 | 综合国产精品第一页| 欧美成人精品欧美一级乱黄一区二区精品在线 | 国产99久久九九精品无码| 精品亚洲综合在线第一区| japanese乱人伦精品| 国产在线精品无码二区| 久久久久99精品成人片欧美| 亚洲精品国产精品乱码不99 | 综合人妻久久一区二区精品| 中文字幕精品亚洲无线码二区| 日韩经典精品无码一区| 久久午夜无码鲁丝片午夜精品| 精品国产一区二区三区在线观看| 国产精品∧v在线观看| 国产A√精品区二区三区四区| 欧美一区二区精品系列在线观看| 国产精品分类视频分类一区| 久久亚洲精品视频| 99久久精品免费观看国产| 国产精品男男视频一区二区三区| 国产精品欧美久久久久无广告 | 国产成人精品日本亚洲11|