jQuery——遍历数据的方式

断了今生、忘了曾经 提交于 2019-12-11 16:15:01

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>

 

标签
易学教程内所有资源均来自网络或用户发布的内容,如有违反法律规定的内容欢迎反馈
该文章没有解决你所遇到的问题?点击提问,说说你的问题,让更多的人一起探讨吧!