首页 前端知识 es6 循环,并终止循环

es6 循环,并终止循环

2024-04-29 11:04:59 前端知识 前端哥 36 133 我要收藏

代码

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
		<script type="text/javascript" src="js/jquery.min.js"></script>
		<script type="text/javascript">
		// 所有学生
		var allStudent=[
			{no:'s001',name:'学生1',address:'地址1'},
			{no:'s002',name:'学生2',address:'地址2'},
			{no:'s003',name:'学生3',address:'地址3'},
			{no:'s004',name:'学生4',address:'地址4'},
			{no:'s005',name:'学生5',address:'地址5'},
			{no:'s006',name:'学生6',address:'地址6'},
			{no:'s007',name:'学生7',address:'地址7'},
			{no:'s008',name:'学生8',address:'地址8'},
		];
		//jquery 循环,并跳出循环
		function jqueryEach(){
			$.each(allStudent,function(i,item){
				console.log(item.name);
				if(item.no==='s003'){
					return false;
				}
			});
			console.log("结束了") ;
		}
		//es6 循环,并跳出循环
		function es6ForEach(){
			try{
				allStudent.forEach((item,i)=>{
					console.log(item.name);
					if(item.no==='s004'){
						//报错,就跳出循环
						throw new Error("ending");
					}
				});
			}catch(e){
				if(e.message == "ending"){
               			console.log("结束了") ;
            		}else{
                		console.log(e.message);
            		}
			}
		}
		$(function(){
			jqueryEach();
			es6ForEach();
		});
		</script>
	</head>
</html>

结果

 

转载请注明出处或者链接地址:https://www.qianduange.cn//article/5919.html
评论
发布的文章

AJAX和JSON

2024-05-03 19:05:37

qml 文件中 JSON的使用

2024-05-03 19:05:03

json在线格式化代码

2024-05-03 19:05:01

大家推荐的文章
会员中心 联系我 留言建议 回顶部
复制成功!