這篇文章主要講解了“jquery遍歷array數(shù)組的方法是什么”,文中的講解內(nèi)容簡(jiǎn)單清晰,易于學(xué)習(xí)與理解,下面請(qǐng)大家跟著小編的思路慢慢深入,一起來(lái)研究和學(xué)習(xí)“jquery遍歷array數(shù)組的方法是什么”吧!
創(chuàng)新互聯(lián)堅(jiān)持“要么做到,要么別承諾”的工作理念,服務(wù)領(lǐng)域包括:做網(wǎng)站、成都網(wǎng)站建設(shè)、企業(yè)官網(wǎng)、英文網(wǎng)站、手機(jī)端網(wǎng)站、網(wǎng)站推廣等服務(wù),滿足客戶于互聯(lián)網(wǎng)時(shí)代的新鄭網(wǎng)站設(shè)計(jì)、移動(dòng)媒體設(shè)計(jì)的需求,幫助企業(yè)找到有效的互聯(lián)網(wǎng)解決方案。努力成為您成熟可靠的網(wǎng)絡(luò)建設(shè)合作伙伴!
jquery可以遍歷array數(shù)組,方法:1、利用for循環(huán)語(yǔ)句遍歷數(shù)組;2、利用“for in”循環(huán)語(yǔ)句遍歷數(shù)組;3、利用forEach()方法遍歷數(shù)組;4、利用each()方法遍歷數(shù)組;5、利用map()方法遍歷數(shù)組。
本教程操作環(huán)境:windows7系統(tǒng)、jquery1.10.2版本、Dell G3電腦。
jquery遍歷array數(shù)組
1、for循環(huán):
var arr = new Array(13.5,3,4,5,6); for(var i=0;i<arr.length;i++){ arr[i] = arr[i]/2.0; }
2、for in循環(huán):
var x var mycars = new Array() mycars[0] = "Saab" mycars[1] = "Volvo" mycars[2] = "BMW" for (x in mycars) { document.write(mycars[x] + "<br />") }
3、forEach方法遍歷
<script> var arr = [1,3,5,7,9]; var obj = {0:1,1:3,2:5,3:7,4:9}; /** *利用原生JS的forEach方法遍歷 *第一個(gè)參數(shù):遍歷到的元素 *第二個(gè)參數(shù):當(dāng)前遍歷到的索引 *注意:原生的forEach方法只能遍歷數(shù)組,而不能遍歷偽數(shù)組 */ arr.forEach(function(value,index){ console.log("原生forEach遍歷數(shù)組:",index,value); }); /** obj.forEach(function(value,index){ console.log("原生forEach遍歷偽數(shù)組:",index,value); //Uncaught TypeError: obj.forEach is not a function }); */ </script>
4、each()遍歷數(shù)組
<script> var arr = [1,3,5,7,9]; var obj = {0:1,1:3,2:5,3:7,4:9}; /** * 利用jQuery的each靜態(tài)方法遍歷 * 第一個(gè)參數(shù):當(dāng)前遍歷到的索引 * 第二個(gè)元素:遍歷到的元素 * 注意:jQuery的each方法可以遍歷偽數(shù)組 */ $.each(arr,function(index,value){ console.log("jQuery-each方法遍歷數(shù)組:",index,value); }) $.each(obj,function(index,value){ console.log("jQuery-each方法遍歷偽數(shù)組:",index,value); }) </script>
5、map()遍歷數(shù)組
<script> var arr = [1,3,5,7,9]; var obj = {0:1,1:3,2:5,3:7,4:9}; /** *1.利用原生JS的map方法遍歷 *第一個(gè)參數(shù):遍歷到的元素 *第二個(gè)參數(shù):當(dāng)前遍歷到的索引 *第三個(gè)參數(shù):當(dāng)前被遍歷的數(shù)組 *注意:和原生的forEach方法一樣,不能遍歷偽數(shù)組 */ arr.map(function(value,index,array){ console.log("原生map遍歷數(shù)組:",index,value,array); }); /** obj.map(function(value,index,array){ console.log("原生map遍歷偽數(shù)組:",index,value,array); //Uncaught TypeError: obj.forEach is not a function }); */ /** * 2.利用jQuery的each靜態(tài)方法遍歷 * 第一個(gè)參數(shù):要遍歷的數(shù)組 * 每遍歷一個(gè)元素之后執(zhí)行的回調(diào)函數(shù) * 回調(diào)函數(shù)的參數(shù): * 第一個(gè)參數(shù):遍歷到的元素 * 第二個(gè)元素:當(dāng)前遍歷到的索引 * 注意:和jQuery的each方法一樣可以遍歷偽數(shù)組 */ $.map(arr,function(value,index){ console.log("jQuery-map方法遍歷數(shù)組:",index,value); }) $.map(obj,function(value,index){ console.log("jQuery-map方法遍歷偽數(shù)組:",index,value); }) </script>
感謝各位的閱讀,以上就是“jquery遍歷array數(shù)組的方法是什么”的內(nèi)容了,經(jīng)過(guò)本文的學(xué)習(xí)后,相信大家對(duì)jquery遍歷array數(shù)組的方法是什么這一問(wèn)題有了更深刻的體會(huì),具體使用情況還需要大家實(shí)踐驗(yàn)證。這里是創(chuàng)新互聯(lián),小編將為大家推送更多相關(guān)知識(shí)點(diǎn)的文章,歡迎關(guān)注!
本文標(biāo)題:jquery遍歷array數(shù)組的方法是什么
鏈接分享:http://bm7419.com/article20/pphojo.html
成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián),為您提供App設(shè)計(jì)、軟件開(kāi)發(fā)、定制開(kāi)發(fā)、云服務(wù)器、企業(yè)建站、品牌網(wǎng)站建設(shè)
聲明:本網(wǎng)站發(fā)布的內(nèi)容(圖片、視頻和文字)以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主,如果涉及侵權(quán)請(qǐng)盡快告知,我們將會(huì)在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng),如需處理請(qǐng)聯(lián)系客服。電話:028-86922220;郵箱:631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載,或轉(zhuǎn)載時(shí)需注明來(lái)源: 創(chuàng)新互聯(lián)