在jquery中有沒有map方法
這篇“在jquery中有沒有map方法”文章的知識點大部分人都不太理解，所以小編給大家總結了以下內容，內容詳細，步驟清晰，具有一定的借鑒價值，希望大家閱讀完這篇文章能有所收獲，下面我們一起來看看這篇“在jquery中有沒有map方法”文章吧。
成都創(chuàng)新互聯(lián)公司2013年成立，是專業(yè)互聯(lián)網(wǎng)技術服務公司，擁有項目成都做網(wǎng)站、成都網(wǎng)站建設網(wǎng)站策劃，項目實施與項目整合能力。我們以讓每一個夢想脫穎而出為使命，1280元彭州做網(wǎng)站,已為上家服務,為彭州各地企業(yè)和個人服務,聯(lián)系電話:13518219792
jquery中有map()方法。map()方法用于使用指定回調函數(shù)處理數(shù)組的每個元素（或對象的每個屬性），并將處理結果封裝為新數(shù)組返回，語法“$.map(數(shù)組或對象,回調函數(shù))”。map()方法會為回調函數(shù)傳入兩個參數(shù)：第一個參數(shù)為當前迭代的元素或屬性值，第二個參數(shù)為當前迭代項的數(shù)組索引或對象屬性名；如果回調函數(shù)的返回值為null或undefined，則不會被添加到結果數(shù)組中。
本教程操作環(huán)境：windows7系統(tǒng)、jquery3.6.0版本、Dell G3電腦。
jquery中有map()方法。
在jquery中，map()方法用于使用指定回調回調函數(shù)處理數(shù)組的每個元素（或對象的每個屬性），并將處理結果封裝為新數(shù)組返回。
注意：1. 在jQuery 1.6 之前，該函數(shù)只支持遍歷數(shù)組；從 1.6 開始，該函數(shù)也支持遍歷對象。
語法格式：
$.map( object, callback )
| 參數(shù) | 描述 |
|---|---|
| object | Array/Object類型 指定的需要處理的數(shù)組或對象。 |
| callback | Function類型 指定的處理函數(shù)。 |
map()會為回調函數(shù)傳入兩個參數(shù)：其一是當前迭代的元素或屬性值，其二是當前迭代項的數(shù)組索引或對象屬性名。
回調函數(shù)返回值將作為結果數(shù)組中的一個元素，如果返回值為null或undefined，則不會被添加到結果數(shù)組中。
示例：使用$.map() 修改一個數(shù)組的值
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<style>
div { color:blue; }
p { color:green; margin:0; }
span { color:red; }
</style>
<script src="./js/jquery-3.6.0.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>
擴展知識
map方法可以遍歷數(shù)組，那么可不可以遍歷偽數(shù)組？那讓我們直接看代碼吧！
顯然是可以的，和jQuery中的each方法一樣看，map方法也可以遍歷偽數(shù)組
既然jQuery中的each和map方法都可以遍歷數(shù)組和偽數(shù)組，那么它們之間又有什么區(qū)別？
1、each方法默認的返回值是遍歷誰就返回誰
2、map方法默認的返回值是一個空數(shù)組
1、each方法不支持在回調函數(shù)中對遍歷的數(shù)組進行處理
2、map方法可以在回調函數(shù)中通過return對遍歷的數(shù)組進行處理，然后生成一個新的數(shù)組返回
可以看到map方法返回的數(shù)組是索引加上索引對應的值，所以說map方法是可以通過return對遍歷的數(shù)組進行處理，然后生成一個新的數(shù)組返回
而each是不支持通過return在回調函數(shù)中對遍歷的數(shù)組進行處理
以上就是關于“在jquery中有沒有map方法”這篇文章的內容，相信大家都有了一定的了解，希望小編分享的內容對大家有幫助，若想了解更多相關的知識內容，請關注創(chuàng)新互聯(lián)行業(yè)資訊頻道。
新聞標題：在jquery中有沒有map方法
網(wǎng)站URL：http://aaarwkj.com/article22/jpddcc.html
成都網(wǎng)站建設公司_創(chuàng)新互聯(lián)，為您提供企業(yè)網(wǎng)站制作、網(wǎng)站導航、企業(yè)建站、網(wǎng)站策劃、自適應網(wǎng)站、App設計
聲明：本網(wǎng)站發(fā)布的內容（圖片、視頻和文字）以用戶投稿、用戶轉載內容為主，如果涉及侵權請盡快告知，我們將會在第一時間刪除。文章觀點不代表本網(wǎng)站立場，如需處理請聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內容未經(jīng)允許不得轉載，或轉載時需注明來源： 創(chuàng)新互聯(lián)
