Vue，JS判断数组中的对象的每一个值不能为空,判断数组中的每一层对象的某一个字段属性值不能为空或其他条件

已于 2024-05-22 11:03:16 修改
阅读量8.2k 收藏 19
点赞数 5
分类专栏： Vue技术栈 文章标签： javascript vue.js 前端
于 2021-08-05 11:06:02 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_41346436/article/details/119411848
版权

Vue，JS判断数组中包含的每一层对象的某一个属性值不能为空或者其他

终极大法：就是用every,some遍历数组，区别：every只要有一项不满足条件都返回false some有一项满足都会返回true

这种操作一般用来操作列表，提交数据时需要判断某一个字段不能为空等条件
此次案例：在点击最下方的提交时，需要判断红色框内的每一个分数不能为空

方法一：使用every()函数，此函数不怎么常用，想要了解更多请自查

在这里插入图片描述

注:其实判断这种列表中的数组，用for循环也可以，但是最终的效果是判断数组中的对象，只提示一个语句，如果用for循环，就会跳出很多个提示框，次数为数组的长度

//表格 evaluateData为表格的数据
 <el-table
                id="out-table3"
                :data="evaluateData"
                stripe
了解本专栏 订阅专栏 解锁全文 超级会员免费看
HuiRonmantic
关注
  • 5
    点赞
  • 踩
  • 19
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
订阅专栏
vue如何判断数组是否为空
刘杨造梦的博客
08-17 9651
不为空： array!= null && array.length > 0 (顺序不能调换)为空：array == undefined ||array == null || array.length
vue - element ui 组件库判断验证 ＜table＞ 表格组件输入内容不能为空，判断表格其中某行某值不能为空（详细示例解决方案）
高级前端工程师
02-19 3183
vue怎么判断element UI 饿了么组件库的table单元格没数据,使用element-ui +Vue 解决 table 里包含表单验证的问题，vue+element-ui实现行数可控的表格输入，Vue与elementUI表单嵌套表格实现每一项表单验证，vue怎么验证element饿了么组件库的表格组件每行是否填写内容，vue验证element 饿了么组件库的table表格组件每行是否为空，vue+element 判断table表格输入不能为空，Vue使用Element-UI进行表单非空验证，vue+
Vue中可用的判断对象是否为空的方法
gogonnx的博客
05-07 6616
Vue中可用的判断对象是否为空的方法 vue有两个方法可用 JSON.stringify(evtValue)=='{}' Object.keys(xxx).length==0 js判断对象是否为空对象的几种方法 将json对象转化为json字符串，再判断该字符串是否为"{}" var data = {}; var b =(JSON.stringify(data) == "{}"); alert(b);//true for in 循环判断 var obj = {}; var b = fun
Vue3判断变量和对象不为null和undefined
最新发布
李长渊的博客
05-24 1061
Vue3判断变量和对象不为null和undefined
Vue3中的计算属性和属性监听
weixin_44684357的博客
08-22 762
Vue3中可以通过 compute进行监听计算属性，他返回的是一个ref的对象，也就是说 通过compuye这种方式计算属性实际上是进行了ref的操作。其中 watch 也可以监听多个数据。
vue判断数组是否为空
sunbeibei00000的博客
01-29 8934
为空：array == undefined || array.length <= 0 (顺序不能调换) 不为空： array !==undefined && array.length > 0 v-show="sortSecondList[index] !== undefined && sortSecondList[index].length > 0"
vue 判断数据是否为空
热门推荐
dearyang
06-25 4万+
<template> <div>数据是否为空</div> </template> <script> export default { name: "Orders", data() { return { abj: {}, arr: [] }; }, created() { //判读数组是否为空 if(this.arr == undefined || this.arr.le.
解决Vue不能检测数组或对象变动的问题
08-27
Vue 是一个流行的前端框架，但是在使用过程中，常常会遇到一些棘手的问题，其中之一就是 Vue 无法检测数组或对象的变动。这种情况下，数据虽然已经更新了，但是 View 层却没有及时地渲染出来。本文将详细介绍这种...
把一个数组里面的值作为一个属性添加到另一数组包含的对象里 ...
03-29
不太明白没关系等会我给大家举个例子，就明白了说起来有点拗口，一看就明白了，其实如果是原生js开发，并不要这么做，就因为小程序它把一些东西绑到了视图层上了，例如：for循环，当你拿到的数据格式不对时，所以就...
详解Vue改变数组中对象的属性不重新渲染View的解决方案
01-19
受到javascript的限制，Vue不能检测到对象属性的添加或删除，因为vue在初始化实列时将属性转为getter/setter，所以属性必须在data对象上才能让vue转换它。 但是vue可以使用 Vue.set(object, key, value)方法将响应...
vue.js基于v-for实现批量渲染 Json数组对象列表数据示例
12-29
本文实例讲述了vue.js基于v-for实现批量渲染 Json数组对象列表数据。分享给大家供大家参考，具体如下： Vuejs的出现减轻了对DOM的直接操作，同时它提供的 v-for 渲染列表数据也给我们提供了很大的方便。即使是复杂的...
浅谈vue.js中v-for循环渲染
12-29
这两天学习了Vue.js 感觉v-for循环渲染这个地方知识点挺多的，而且很重要，所以，今天添加一点小笔记。 一、简介 vue.js 的循环渲染是依赖于 v-for 指令，它能够根据 vue 的实例里面的信息，循环遍历所需数据，然后...
vue+element-ui validator 有值任然提示不能为空的问题
m0_64677928的博客
09-19 292
以上代码运行时 不论用户名输入什么都会提示“评估人不能为空”，这是应为不论你输入什么根本就没有取到值，原因是prop参数设置不一致导致。prop的参数应该设置为。.key的值，不能随意取名，此处prop应为：prop="assessmentUsers"；需要注意标红的位置，字段属性要一致。
elementUi——form表单提交，输入内容后仍然提示不能为空的校验问题——基础积累
yehaocheng520的博客
01-07 6353
最近在做后台管理系统时，遇到了一个问题，就是关于表单校验的问题。 根据上图，明明已经选择了供应商名称字段，但是点击保存按钮时，还是会有校验问题，提示请选择供应商。导致无法进行表单的提交。 出现此问题的原因就是：校验的字段有被删除过。 比如上面的字段是：this.form.supplierId,在进行一些表单的清空操作时，如果直接使用了this.form={}，则会导致this.form.supplierId的双向数据绑定功能失效，进而无法进行正确的表单校验。 例如：下面的代码，在创建vue的时候，给thi
vue+element-ui中el-table编辑后的表单验证
weixin_45579925的博客
05-25 2028
项目中遇到表格双击可编辑，编辑完场后保存进行判断不能为空，直接上代码 data(){ return{ hasBlock: false, } }, methods:{ //定义的方法 ifBlock() { //el-table中绑定的数组对象 this.tableDatareset.forEach((v, i) => { for (const val in v) { if (v[val] === "" || v[v
Vue怎么判断数组、对象（集合）是否为空、属性是否为空字符传、json字符串，数组，对象的相互转换
qq_38215042的博客
06-24 3万+
1: Vue怎么判断对象是否为空 JSON.stringify(evtValue)=='{}' Object.keys(xxxx).length==0 2:js判断对象是否为空对象的几种方法 1.将json对象转化为json字符串，再判断该字符串是否为"{}" var data = {}; var b = (JSON.stringify(data) == "{}"); alert(b);//true for in 循环判断 var obj = {}; var b = functio
Vue3 计算属性
大家好，我是 ed.
07-06 1万+
上一篇博文说了 vue3 项目的 toRefs 函数和 toRef 函数，今天就稍微总结一下 vue3 的计算属性，其实学过 vue2 的宝子们应该都清楚，计算属性这个东西在项目开发过程中使用的还是比较频繁的，使用频率相对来说比较高，所以说咱今天稍微总结一下 vue3 项目中的计算属性，下面开始。computed 表示计算属性，通常的作用是用来进行数据处理，方便在末班中简化书写。比如日常在模板中我们渲染数据的时候一般是使用 来进行展示数据，但是有的时候嘞，获取到的数据并不是我们想要的类型，我们可以在
Vuejs中字符串判空处理--如何判断字符串是否为空或不为空
qq_44641527的博客
09-07 2万+
js的字符串判空问题
watch监听不到多层数组中某一项的变化
06-09
这个问题出现的原因可能是你使用了浅层次的监听方式。在 JavaScript 中，使用 watch 监听数组或者对象的变化时，它只会检查数组或对象的引用是否发生了变化，而不会递归地检查数组或对象中的子项是否发生了变化。 为了解决这个问题，可以使用深度监听的方法，例如使用 Vue.js 中的 $watch，或者使用第三方库如 lodash 中的 deepEqual 方法。这些方法可以递归地检查对象或数组中的所有子项是否发生了变化，从而更准确地捕捉到变化事件。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值