广告
返回顶部
首页 > 资讯 > 前端开发 > JavaScript >vue如何判断数组中的对象是否包含某个值
  • 384
分享到

vue如何判断数组中的对象是否包含某个值

vue判断数组判断数组对象对象包含某个值 2022-11-13 14:11:46 384人浏览 安东尼
摘要

目录判断数组中的对象是否包含某个值判断对象是否包含某个属性,el-table fORMatter判断1.表格部分2.方法体部分判断数组中的对象是否包含某个值 xxx (array,

判断数组中的对象是否包含某个值

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 调用这些方法

以上为个人经验,希望能给大家一个参考,也希望大家多多支持编程网。

--结束END--

本文标题: vue如何判断数组中的对象是否包含某个值

本文链接: https://www.lsjlt.com/news/172197.html(转载时请注明来源链接)

有问题或投稿请发送至: 邮箱/279061341@qq.com    QQ/279061341

本篇文章演示代码以及资料文档资料下载

下载Word文档到电脑,方便收藏和打印~

下载Word文档
猜你喜欢
软考高级职称资格查询
编程网,编程工程师的家园,是目前国内优秀的开源技术社区之一,形成了由开源软件库、代码分享、资讯、协作翻译、讨论区和博客等几大频道内容,为IT开发者提供了一个发现、使用、并交流开源技术的平台。
  • 官方手机版

  • 微信公众号

  • 商务合作