jquery中map函數(shù)遍歷數(shù)組用法實(shí)例
更新時(shí)間：2015年05月18日 15:24:08 作者：永遠(yuǎn)愛(ài)好寫(xiě)程序
這篇文章主要介紹了jquery中map函數(shù)遍歷數(shù)組用法,實(shí)例分析了jQuery中map函數(shù)遍歷數(shù)組的相關(guān)技巧,并提供了一個(gè)自定義遍歷數(shù)組函數(shù)供參考之用,需要的朋友可以參考下
本文實(shí)例講述了jquery中map函數(shù)遍歷數(shù)組用法。分享給大家供大家參考。具體如下：
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>map函數(shù)</title>
<script src="jquery-1.6.2.min.js" type="text/javascript"></script>
<script type="text/javascript">
/*注意map函數(shù)不能處理json格式對(duì)象的數(shù)組。*/
$(function () {
var arr = [3, 6, 9];
ShowArray(arr);
//調(diào)用jquery的map方法 用來(lái)將一個(gè)數(shù)組，轉(zhuǎn)成另一個(gè)數(shù)組
//var arrChange = $.map(arr, function (item) { return item * 2; });
//ShowArray(arrChange);
//調(diào)用自己實(shí)現(xiàn)的mymap方法，達(dá)到和jquery的map方法一樣的功能
var myfunc = function (item) { return item * 2 };
var arrChange = MyMap(arr, myfunc);
ShowArray(arrChange);
});
//自己實(shí)現(xiàn)一個(gè)類(lèi)似jquery的map方法
function MyMap(arr, func) {
var newArray = new Array(arr.length);
for (var i = 0; i < arr.length; i++) {
newArray[i] = func(arr[i]);
}
return newArray;
}
function ShowArray(arr) {
var output = "";
for (var i = 0; i < arr.length; i++) {
if (output == "") {
output = arr[i];
}
else {
output += "," + arr[i];
}
}
alert(output);
}
</script>
</head>
<body>
</body>
</html>
希望本文所述對(duì)大家的jQuery程序設(shè)計(jì)有所幫助。
相關(guān)文章
這篇文章主要介紹了jquery馬賽克拼接翻轉(zhuǎn)效果，推薦給大家，有需要的小伙伴可以參考下。2015-08-08
jquery獲得下拉框值的代碼，使用jquery的朋友可以參考下。2011-08-08
JQuery實(shí)現(xiàn)的文字列表一條一條向上滾動(dòng)的效果2013-11-11
jquery中dom操作和事件的實(shí)例學(xué)習(xí)-表單驗(yàn)證
這個(gè)demo的效果是實(shí)現(xiàn)用戶(hù)輸入時(shí)提供實(shí)時(shí)提醒，并不一定要等到元素失去焦點(diǎn)時(shí)才提醒2011-11-11
簡(jiǎn)單實(shí)現(xiàn)jQuery彈幕效果
這篇文章主要為大家詳細(xì)介紹了簡(jiǎn)單實(shí)現(xiàn)jQuery彈幕效果的相關(guān)資料，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2017-05-05
jQuery-App輸入框?qū)崿F(xiàn)實(shí)時(shí)搜索
這篇文章主要為大家詳細(xì)介紹了jQuery-App輸入框?qū)崿F(xiàn)實(shí)時(shí)搜索，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2020-11-11
本文是一些jquery進(jìn)行封裝實(shí)現(xiàn)的常用的操作，對(duì)平常學(xué)習(xí)工作很實(shí)用，有需要的朋友可以參考下。2016-07-07
用JQuery調(diào)用Session的實(shí)現(xiàn)代碼
用JQuery調(diào)用Session的實(shí)現(xiàn)代碼，需要的朋友可以參考下。2010-10-10
用相對(duì)簡(jiǎn)單的JavaScript代碼，可以創(chuàng)建出能確定用戶(hù)地理位置詳細(xì)信息的Web應(yīng)用，包括經(jīng)緯度以及海拔等。一些Web應(yīng)用甚至能通過(guò)監(jiān)控用戶(hù)位置隨時(shí)間的移動(dòng)來(lái)提供導(dǎo)航功能，其中還綜合了GoogleMaps API這樣的地圖系統(tǒng)。2015-04-04
jQuery實(shí)現(xiàn)文件上傳進(jìn)度條特效
帶進(jìn)度條的文件上傳特效，每個(gè)文件都有進(jìn)度條，都有上傳詳情介紹。效果非常不錯(cuò)，這里推薦給大家。2015-08-08