vue如何判断数组中的对象是否包含某个值
目录
- 判断数组中的对象是否包含某个值
- 判断对象是否包含某个属性,el-table formatter判断
- 1.表格部分
- 2.方法体部分
判断数组中的对象是否包含某个值
xxx (array, str) {var index = array.findIndex(item => item.id=== str)// var index = array.indexOf(str)// 当数组里的对象为字符串时用这个方法更简单return index// -1 说明array中不存在id为str的对象}
判断对象是否包含某个属性,el-table formatter判断 当前的业务逻辑是表格中大概有四五个字段需要判断,如果是null或者0就返回暂无数据,有值的话就返回对应的值,如下图:
文章图片
由于需要进行的操作是一样的,所以用一个formatter就可以了,所以要判断对应的字段,代码如下:
1.表格部分
2.方法体部分
dataFormat(row, column) {const field = column.propertyif (Object.prototype.hasOwnProperty.call(row, field)) {if (row[field] == null || row[field] === 0) {return '暂不要求'}}return row[field]}
其中Object.prototype.hasOwnProperty.call(row, field)就是判断row中是否包含对应的字段名称
原先的写法是
row.hasOwnProperty(field)
现在换成
Object.prototype.hasOwnProperty.call(row, field)
但是报错 ESLint: Do not access Object.prototype method 'hasOwnProperty' from target object.(no-prototype-builtins)【vue如何判断数组中的对象是否包含某个值】所以最好是从 Object.prototype 调用这些方法
以上为个人经验,希望能给大家一个参考,也希望大家多多支持脚本之家。
推荐阅读
- vue实现tagsview多页签导航功能的示例代码
- spingboot|ssm+vue+elementUI 医院门诊互联电子病历管理信息系统-#毕业设计
- spingboot|java计算机毕业设计基于springboot+vue+elementUI的口腔管理平台管理系统(前后端分离)
- spingboot|springboot+vue+elementUI 会员制医疗预约服务管理信息系统-#毕业设计
- React|【Redux】如何实现多组件数据共享
- 如何真正的学会,学好python,5分钟(8个月?一辈子?)
- 鼻炎圣手王老五教你如何预防过敏性鼻炎
- 如何调整屏幕分辨率(调整屏幕分辨率需要什么工具?)
- 前端|Vue电商项目实战(三)
- Vue实战开发移动端旅游网站