jQuery——遍歷數據的方式

1.JS實現

<script>
		var arr= ["1111","2222","3333","4444","5555"]
		
		

		function foreach(array) {
			for (var i = 0; i < array.length; i++) {
				var item = array[i];
				alert(i+": "item);
			}
		}
		//調用
		foreach(arr);
	</script>

2.Jquery對象的each方法:僅用於遍歷jQuery對象


	<script type="text/javascript" src="js/jquery-3.4.1.js"></script>
	<script>
		var arr= ["1111","2222","3333","4444","5555"];

		//jQuery對象調用遍歷
		$(arr).each(function(i,n) {
			alert(i+" = "+n);
		});
	</script>

3.$.each方法:可用於遍歷任何集合,無論是對象還是數組。對於數組,每次回調方法都會傳遞一個數組索引和一個對應的數組值(通過return false、true控制終止循環和跳出本次循環)

<script>
    	<script type="text/javascript" src="js/jquery-3.4.1.js"></script>

    var arr= ["1111","2222","3333","4444","5555"];

	//jQuery函數調用
	$.each(arr,function(i,n) {
       
        if(n=="5555"){
          return false;//停止循環 (就像在普通的循環中使用 'break')
        }

        if(n=="3333"){
            return true;// 跳至下一個循環(就像在普通的循環中使用'continue')。  
        }
        
		alert(i+" > "+n);
	});
</script>

 

發佈了137 篇原創文章 · 獲贊 36 · 訪問量 9萬+
發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章