vue如何判断数组中的对象是否包含某个值
更新时间：2022年08月09日 11:53:18 作者：mfylove
这篇文章主要介绍了vue如何判断数组中的对象是否包含某个值，具有很好的参考价值，希望对大家有所帮助。如有错误或未考虑完全的地方，望不吝赐教
判断数组中的对象是否包含某个值
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.表格部分
<el-table-column label="报送数量" prop="vulWarnNum" width="140" align="center" :formatter="dataFormat" />
2.方法体部分
dataFormat(row, column) {
const field = column.property
if (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)
所以最好是从 Object.prototype 调用这些方法
以上为个人经验，希望能给大家一个参考，也希望大家多多支持脚本之家。
相关文章
这篇文章主要为大家详细介绍了vue中两种路由模式的实现，文中的示例代码讲解详细，具有一定的学习价值，感兴趣的小伙伴可以了解一下2023-08-08
在开发中发现其中一个页面moutned调用了两次，而其他页面正常，表示很懵逼，然后查找原因，终于找到了，其实归根到底是要知道mounted的调用机制问题。这篇文章主要介绍了vue mounted 调用两次的解决办法,需要的朋友可以参考下2018-10-10
这篇文章主要介绍 vue3 中 computed 的新用法，对比 vue2 中的写法，让您快速掌握 vue3 中 computed 的新用法，对函数式写法，options 写法相关知识感兴趣的朋友一起看看吧2021-11-11
这篇文章主要介绍了vue滚动固定顶部及修改样式，本文给大家提到了滚动固定位置有多种方法,感兴趣的朋友跟随小编一起看看吧2019-05-05
elementUI使用el-upload上传文件写法及避坑总结(上传图片/视频到本地/服务器及回显+删除)
upload上传是前端开发很常用的一个功能,下面这篇文章主要给大家介绍了关于elementUI使用el-upload上传文件写法及避坑的相关资料,包括上传图片/视频到本地/服务器及回显+删除,需要的朋友可以参考下2023-03-03
本文主要介绍了vue中ref实现子向父传值的示例，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧2023-01-01
本篇随笔以权限管理模块中的用户管理为媒介，进行相关功能的介绍和界面设计的处理。2021-05-05
这篇文章主要介绍了vue项目启动如何设置默认启动页问题，具有很好的参考价值，希望对大家有所帮助。如有错误或未考虑完全的地方，望不吝赐教2023-06-06
这篇文章主要介绍了关于Vue源码vm.$watch()内部原理详解，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧2019-04-04
这篇文章主要介绍了vue解决弹出蒙层滑动穿透问题的方法，小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧2018-09-09
最新评论