最新下载
热门教程
- 1
- 2
- 3
- 4
- 5
- 6
- 7
- 8
- 9
- 10
vue判断数组中的对象是否包含某个值代码示例
时间:2022-08-09 编辑:袖梨 来源:一聚教程网
本篇文章小编给大家分享一下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.表格部分
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 调用这些方法
相关文章
- SpringBoot测试配置属性与web启动环境解析 10-24
- SpringBoot常用计量与bean属性校验和进制数据转换规则解析 10-24
- 工厂方法在Spring框架中的运用介绍 10-24
- SpringBoot热部署设置详解 10-24
- JavaScript二叉搜索树构建操作解析 10-12
- JavaScript二叉树及各种遍历算法讲解 10-12