Vue进阶(幺零七):arr.forEach() 跳出循环
2023-06-13 09:11:58 时间
大家好,又见面了,我是你们的朋友全栈君。
文章目录
一、前言
我们都知道for
循环里要跳出整个循环是使用break
,但在数组中用forEach
循环如要退出整个循环呢?使用break
会报错,使用return
也不能跳出循环。
使用break
将会报错:
var arr = [1,2,3,4,5];
var num = 3;
arr.forEach(function(v){
if(v == num) {
break;
}
console.log(v);
});
使用return
也不能跳出整个循环:
var arr = [1,2,3,4,5];
var num = 3;
arr.forEach(function(v){
if(v == num) {
return;
}
console.log(v);
});
那么在用forEach()
遍历数组时要如何才能跳出循环呢?经过查找资料后,找到以下两种方法可以实现跳出循环。
二、应用 try···catch 捕获异常实现
try{
var array = ["first","second","third","fourth"];
array.forEach(function(item,index){
if(item === "third"){
var a = aaaa;// first second 后就报错,就跳出循环了
throw new Error("ending");//报错,就跳出循环
}else{
log(item);
}
})
}catch(e){
if(e.message == "ending"){
log("结束了") ;
}else{
log(e.message);
}
}
三、应用 arr.some() 或者 arr.every()
some()
当内部return true
时跳出整个循环:
var arr = [1,2,3,4,5];
var num = 3;
arr.some(function(v){
if(v == num) {
return true;
}
console.log(v);
});
every()
当内部return false
时跳出整个循环:
var arr = [1,2,3,4,5];
var num = 3;
arr.every(function(v){
if(v == num) {
return false;
}else{
console.log(v);
return true;
}
});
四、拓展阅读
发布者:全栈程序员栈长,转载请注明出处:https://javaforall.cn/136152.html原文链接:https://javaforall.cn
相关文章
- el-upload多文件上传_vue 界面
- Vue项目关闭eslint校验「建议收藏」
- JS之在Vue对象内部获取vue对象的索引(箭头函数的闭包导致this代表的是函数本身)「建议收藏」
- Vue(3)webstorm代码格式规范设置与vue模板配置
- vue-cli 初始----安装运行Vue项目
- VUE双向绑定原理_vue的数据绑定怎么实现
- Vue整合HighCharts和ECharts实现数据可视化
- vue页面缓存问题_vue项目自动打开浏览器设置
- vue双向绑定原理面试题_面试可以记笔记吗
- vue自定义组件封装_vue组件的双向绑定实现
- Vue和vue全家桶有什么区别_Vue和vue全家桶有什么区别
- 2023前端vue面试题(边面边更)_2023-03-01
- 使用 Vue.js Devtools 扩展作为 Vue 应用调试工具
- 【架构师(第三十篇)】Vue-Test-Utils 全局组件和第三方库 vuex | vue-router
- 能不能手写Vue响应式?前端面试进阶
- 这3个Vue开源项目,YYDS !
- 开心档-软件开发入门之Vue.js Ajax(vue-resource)
- 快速部署Vue.js前端项目
- Vue 实现图片监听鼠标滑轮滚动实现图片缩小放大功能
- Vue2.0 搭建Vue脚手架(vue-cli)详解编程语言
- 使用Vue框架使用MSSQL数据库实现快速开发(vue mssql)
- 使用Vue技术从MSSQL中获取数据(vue获取mssql数据)
- Vue技术实现访问远程Redis的精彩之旅(vue访问远端redis)
- Vue框架搭建在Redis之上的Web应用(vue请求redis)
- Vue抢跑Redis速度感受实时重磅数据(vue获取redis)
- Vue如何连接Redis(vue怎么连接Redis)
- Oracle Vue网站助力网站创新,让你的网站飞起来(oracle vue网站)