
文章插圖
整片代碼
<!DOCTYPE html>
<html>
<head>
<meta charset=”utf-8″>
<title>10-靜態(tài)方法-map方法</title>
<script src=https://www.520longzhigu.com/diannao/”../static/js/jquery-3.6.0.js”>
<script>
// 定義一個(gè)數(shù)組
arr = [1, 3, 5, 7, 9]
// 定義個(gè)偽數(shù)組,就是一個(gè)對(duì)象
let obj = {0:1, 1:3, 2:5, 3:7, 4:9, length:5};
/*
// 利用原生JS的map方法遍歷數(shù)組
console.log(“利用原生JS的map方法遍歷數(shù)組”);
//value第一個(gè)參數(shù): 當(dāng)前遍歷到的元素
//index第二個(gè)參數(shù): 當(dāng)前遍歷到的索引
//array第三個(gè)參數(shù):當(dāng)前遍歷到的數(shù)組
// 和原生的foreach方法一樣只能遍歷數(shù)組,不能遍歷偽數(shù)組
arr.map(function(value, index, array){
console.log(index, value, array);
});
利用原生JS的map方法遍歷數(shù)組
console.log(“利用原生JS的map方法遍歷偽數(shù)組{對(duì)象}”);
obj.map(function(value, index, array){
console.log(index, value, array);
});
“利用原生JS的map方法遍歷偽數(shù)組{對(duì)象}
console.log(“下面是利用jQuery遍歷數(shù)組”)
// 利用jQuery遍歷數(shù)組 $.each(要遍歷的數(shù)組,回調(diào)函數(shù)(索引,值){執(zhí)行的語(yǔ) 句})
// arr第一個(gè)參數(shù): 要遍歷的數(shù)組
// function(value, index)第二個(gè)參數(shù):每遍歷一個(gè)元素之后要執(zhí)行的回調(diào)函數(shù)
// 回調(diào)函數(shù)的參數(shù):
// value第一個(gè)參數(shù): 遍歷到的元素
// index第二個(gè)參數(shù): 遍歷到的索引
$.map(arr, function(value, index){
console.log(index, value);
})
利用jQuery遍歷數(shù)組
console.log(“下面是利用jQuery遍歷偽數(shù)組(對(duì)象)”)
// 利用jQuery遍歷數(shù)組 $.each(要遍歷的數(shù)組,回調(diào)函數(shù)(索引,值){執(zhí)行的語(yǔ)句})
$.map(obj, function(value, index){
console.log(index, value);
})
利用jQuery遍歷偽數(shù)組(對(duì)象)
// 下面是jQuery的map和each之間的區(qū)別
console.log(“下面是jQuery的**map**和each之間的區(qū)別”)
let map = $.map(obj, function(value, index){
console.log(index, value);
})
console.log(map)
下面是jQuery的**map**遍歷結(jié)果”
console.log(“下面是jQuery的map和**each**之間的區(qū)別”)
let each = $.each(obj, function(index, value){
console.log(index, value);
})
console.log(each)
下面是jQuery的**each**遍歷結(jié)果
</script>
</head>
<body>
</body>
</html>
以上關(guān)于本文的內(nèi)容,僅作參考!溫馨提示:如遇健康、疾病相關(guān)的問(wèn)題,請(qǐng)您及時(shí)就醫(yī)或請(qǐng)專(zhuān)業(yè)人士給予相關(guān)指導(dǎo)!
「愛(ài)刨根生活網(wǎng)」www.malaban59.cn小編還為您精選了以下內(nèi)容,希望對(duì)您有所幫助:- 米出蟲(chóng)子如何解決
- html打開(kāi)中文亂碼解決方法 jq禁用按鈕設(shè)置
- 打印機(jī)狀態(tài)錯(cuò)誤解決方法 打印機(jī)打印狀態(tài)是錯(cuò)誤怎么回事
- 電腦不能啟動(dòng)電源風(fēng)扇解決方法 主機(jī)啟動(dòng)不了燈也不亮怎么回事
- 如何解決辦公室發(fā)胖問(wèn)題?
- ??:谷歌希望通過(guò)新功能幫助您解決住宿問(wèn)題
- 為什么上傳頭像失敗:手機(jī)上傳報(bào)名照片失敗,常見(jiàn)問(wèn)題及解決方法總結(jié)
- 淺談低壓電網(wǎng)末端電壓過(guò)低的解決措施 輸電線路末端電壓低解決
- 專(zhuān)家:山西水災(zāi)受災(zāi)范圍比河南更大 到底該怎么解決呢?你怎么看?
- 前端字體加粗樣式 css樣式字體加粗代碼
