跳出内层循环使用 for of 代替 map

曹天骄

于 2018-11-19 15:08:08 发布

阅读量1.2k

点赞数

分类专栏： vue

本文链接：https://blog.youkuaiyun.com/solocao/article/details/84250820

版权

vue 专栏收录该内容

24 篇文章

订阅专栏

本文介绍了一种在表单提交前进行有效验证的方法，通过for...of循环检查每个字段，一旦发现未填写的字段立即给出提示并终止循环，避免了不必要的全部字段检查。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

有些场景，比如表单验证的时候，只要有一个字段没有填写，就给出toast提示，这就需要一发现问题，就给出提示，并且跳出循环。

map想要直接跳出循环，需要使用抛出异常的写法，而for of则适用这种场景。

使用for of

// 进行提交前的验证
valid() {
  for (const key in this.form) {
    if (this.form[key] == null || this.form[key] == undefined) {
      $wuxToast().show({
        type: 'text',
        duration: 1000,
        color: '#fff',
        text: this.validText[key],
        success: () => console.log('已完成')
      })
      return false
    }
  }
  return true
}