数组遍历,判断数组中的对象中某一属性值时候为空

项目场景:

例如:vue项目中,表格中的某一项校验(必填项)

问题描述:

如下图,若用户勾选某行数据后,提交数据时校验表格中数量是否填写
在这里插入图片描述


解决方案:

//我这里是判断等等于undefined 是因为后台本身就没有给这个count字段
//更多时候是判断  == ''   根据你们的场景使用吧
if (this.addSkuArr.some((val) => val.count === undefined )) {
	this.$message({
    	type: "error",
     	message: "请填写组合数量",
    });
    return;
}

注意:

every,some遍历数组,every只要有一项不满足条件都返回false some有一项满足都会返回true

  • 1
    点赞
  • 14
    收藏
    觉得还不错? 一键收藏
  • 3
    评论
判断数组对象某一项的是否为空,可以使用以下方法: 1. 使用数组的length属性: 首先获取到要判断数组对象,然后通过访问该数组对象的某一项属性判断的length属性是否为0。如果为0,则说明该项为空;如果不为0,则说明该项为空。例如,对于数组arr和其的某一项属性item,可以使用以下代码进行判断: ```javascript if (arr[item].length == 0) { console.log("该项为空"); } else { console.log("该项为空"); } ``` 2. 使用Object.getOwnPropertyNames()方法: 这个方法可以获取到对象属性名,并将其存入一个数组中。然后通过判断数组的length属性是否为0来判断对象的某一项是否为空。例如,对于对象data和其的某一项属性prop,可以使用以下代码进行判断: ```javascript var arr = Object.getOwnPropertyNames(data[prop]); if (arr.length == 0) { console.log("该项为空"); } else { console.log("该项为空"); } ``` 3. 使用循环和some()方法: 首先使用循环遍历数组对象,将其的某一项添加到一个空数组中。然后使用some()方法检测该数组中的元素是否满足指定条件,即检测该项是否为空。例如,对于数组对象arr和其的某一项属性item,可以使用以下代码进行判断: ```javascript var tempArr = []; for (var i = 0; i < arr.length; i++) { tempArr.push(arr[i][item]); } if (tempArr.some(function(value) { return value === null || value === undefined || value === ""; })) { console.log("该项为空"); } else { console.log("该项为空"); } ``` 以上是三种常用的方法来判断数组对象某一项是否为空,具体使用哪一种取决于你的具体需求和代码结构。<span class="em">1</span><span class="em">2</span><span class="em">3</span> #### 引用[.reference_title] - *1* *2* [js判断数组对象,是否为空,是否含有某个判断数组中对象是否有某个](https://blog.csdn.net/flhhly/article/details/120708497)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v93^chatsearchT3_1"}}] [.reference_item style="max-width: 50%"] - *3* [js判断数组对象某个属性是否为空,数字转成相对应的文字并显示](https://blog.csdn.net/weixin_41997724/article/details/121769686)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v93^chatsearchT3_1"}}] [.reference_item style="max-width: 50%"] [ .reference_list ]
评论 3
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值