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