Vue数组循环中如何避免不满足条件就跳出？

本文共计849个文字，预计阅读时间需要4分钟。

目录 + Vue数组中不满足条件跳出循环 + 场景 + 分析 + 解决方式 + 实现 + Vue数组循环中跳过整个循环 + 总结 + Vue数组中不满足条件跳出循环 + 场景 + 在表格中选择中显示选中的数据，在点击时确定选中

目录

• vue数组中不满足条件跳出循环
• 场景
• 分析
• 解决方式
• 实现
• vue数组循环遍历中途跳出整个循环
• 总结

vue数组中不满足条件跳出循环

场景

在表格中选中的数据在右边显示，在点击确定按钮时，循环判断没有填写条件名称的数据，第一个不满足条件的显示输入框，且只弹出一次警告。

分析

在vue项目中，循环多数习惯会用forEach、map等方法去遍历数组，但是大家会发现在forEachforEachforEach和map中使用break和continue不仅不能调出整个循环，还会报错，使用return也不行。