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

        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號
        主站蜘蛛池模板: 91精品国产91久久久久福利| 国产精品亚洲mnbav网站| 亚洲精品电影网| 久久99精品久久久久久久久久 | 亚洲综合国产精品第一页 | 无码人妻精品一区二区三区夜夜嗨| 国产高清精品在线| …久久精品99久久香蕉国产 | 亚洲精品乱码久久久久久不卡| 91精品国产色综久久| 国产精品久久久久久| AAA级久久久精品无码片| 无码人妻精品一区二区三区66| 少妇亚洲免费精品| 国产午夜精品一区二区| 中文字幕亚洲精品资源网| 国产69精品久久久久777| 精品亚洲成a人片在线观看少妇 | 午夜三级国产精品理论三级| 国自产精品手机在线观看视| 国产精品免费在线播放| 国产精品99久久久久久www| 久久青青草原精品影院| 久久精品中文字幕久久| 久久99精品国产99久久6男男| 国产精品99久久精品| 国产成人精品免费视频大| 国产香蕉精品视频在| 欧美视频精品一区二区三区| 久久久国产精品网站| 1区1区3区4区产品芒果精品| 99精品视频在线观看婷| 国产精品欧美久久久久无广告 | 精品无码人妻夜人多侵犯18| 奇米影视7777久久精品| 乱色精品无码一区二区国产盗| 日本aⅴ精品中文字幕| 国产午夜精品无码| 国产大片91精品免费观看不卡| 国产亚洲美女精品久久久久狼| 国产精品久久免费|