在数据渲染中判断某值是否属于某数组

最新推荐文章于 2023-11-07 10:38:04 发布
最新推荐文章于 2023-11-07 10:38:04 发布
阅读量552 收藏
点赞数
分类专栏： uni-app vue 文章标签： javascript 开发语言
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_26679989/article/details/121615837
版权
vue 同时被 2 个专栏收录
15 篇文章 1 订阅
订阅专栏
uni-app
14 篇文章 1 订阅
订阅专栏
本文介绍如何在数据渲染中通过JavaScript判断数组元素，根据审计状态不同为元素选择对应的图标显示。通过`includes`方法检查`auditStatus`值在预设数组中的存在性，实现动态展示效果。
摘要由CSDN通过智能技术生成

在数据渲染中判断某值是否属于某数组

在数据渲染中出现同一情况有多个值时常用的判断方式，可以用此方法判断数组中是否存在某个值作为条件来达到渲染的目的。因为此方法判断数组中是否存在某个值，如果存在返回true，否则返回false。

<div class="profit-w-b flex-row" v-if="walList" v-for="(item,idx) in walList" :key="idx">
	<div class="p-icon">
		<img v-if="[0,1].includes(item.auditStatus)" class="case-icon" src="../../static/icon/profit-icon.png" />
		<img v-if="[2].includes(item.auditStatus)" class="case-icon" src="../../static/icon/profit-icons.png" />
		<img v-if="[3].includes(item.auditStatus)" class="case-icon" src="../../static/icon/profit-fail.png" />
	</div >
</div >
折纸成鸢。
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
Vue3 - Element Plus 表格组件 el-table “表格行数据中又嵌套了二维对象数组“，按平级循环渲染(嵌套数组视为同级行数据)， 对嵌套的数组循环展示为表格，智能合并行或列详细教程
王佳斌
07-02 3328
vue3，nuxt3，element-plus，table表格组件，el-table，vue3 element表格组件，数据中有二维数组怎么遍历循环显示，表格数据带二级数组怎么循环渲染显示，表格数据中存在一个数组要怎么才能显示到表格，el-table表格合并详细教程示例，table表格如果对象里面还有对象数组那该怎么去渲染，平常都是数组中一个对象渲染成一行，每行中还有嵌套数组怎么办，每个行数据下还有一个数组怎么显示，怎么把表格相同的数据合并为一行，合并上下两行相同数据单元格，合并行或列如果遇到相同单元格就合
Vue3 - Arco Design Vue 表格组件a-table“表格行数据中又嵌套了二维对象数组“，按平级循环渲染(嵌套数组视为同级行数据)， 对嵌套的数组循环展示为表格，智能合并行或列详细教程
最新发布
王佳斌
07-02 1612
vue3，nuxt3，arco-design-vue，table表格组件，a-table，vue3 arco表格组件，平常都是数组中一个对象渲染成一行，每行中还有嵌套数组怎么办，每个行数据下还有一个数组怎么显示，怎么把表格相同的数据合并为一行，合并上下两行相同数据单元格，合并行或列如果遇到相同单元格就合并为一个，合并上下两行相同数据单元格，数据中有二维数组怎么遍历循环显示，表格数据带二级数组怎么循环渲染显示，表格数据中存在一个数组要怎么才能显示到表格，a-table表格合并详细教程示例，table表格如果对
uni-app android js判断数值是否是数组
weixin_44659286的博客
11-07 360
判断是否是数组有的方法不适用，如instanceof。
uniapp 电商判断数组中的对象中是否含有某个属性
yehaocheng520的博客
09-02 6549
数组遍历 数组遍历有多种方法，如for in ,foreach等。 为了遍历数组中的每个对象，如果对象中含有某个属性值，则跳出循环。 如： let arr = [ { type:1, name:'测试1' }, { type:2, name:'测试1' } ] 如果arr数组中的对象中的type等于1，则跳出循环，并给this.zhifubaoFlag进行赋值。 arr.every(item=>{ if(item.type === 1) { this.zhifu
判断是数组还是对象的方法
shijie
10-22 762
判断是数组还是对象的方法
uniapp判断数组中每一项中对象的值
qq_59175937的博客
07-07 488
【代码】uniapp判断数组中每一项中对象的值。
判断一个变量是数组还是对象
赫子子的博客
03-22 9023
javascript中如何准确判断一个变量是什么，面试中这是考一个人基本功扎不扎实必定会问的一个问题。如果你还不是很清楚，相信这篇文章会对你有所帮助。一，判断方法        1.typeof                我们能够使用typeof判断变量的身份，判断字符串得到string，数字和NaN得到number，函数会得到function等，但是判断数组，对象和null时都会得到obje...
js判断数组是否包含某个字符串变量的实例
10-18
在JavaScript中，要准确判断数组是否包含某个字符串变量，并非总是可以通过简单的`indexOf`方法实现。尤其在数组元素为对象时，需要根据实际需求，编写适合的遍历和条件判断代码。同时，对于数据不一致的情况，应该...
vue遍历对象中的数组取值示例
10-16
在Vue.js中，遍历对象中的数组并获取其值是一个常见的需求，特别是在处理从后端获取的数据时。本文将通过一个具体的示例来讲解如何在Vue中实现这一操作。 首先，我们看一段代码，这是在Vue组件中遍历对象数组并显示...
react只想渲染数组中的前四条数据改怎么渲染
09-23
3. 在组件的render方法中，使用条件渲染来判断是否只渲染前四条数据。例如，可以使用数组的`map`方法来遍历数据进行渲染，同时添加一个判断条件限制只渲染前四条数据。例如： ```jsx return ( {data.map((item, ...
判断是否是数组的几种方法
weixin_33744854的博客
11-09 1300
万事开头难，克服自己的拖延症，第一篇js基础复习篇start! 希望和各位同行交流，同时欢迎各位指出不足和错误之处。 首先，typeof肯定是不行的 对于一些基本类型，typeof是可以判断出数据类型，但是判断一些引用类型时候，不能具体到具体哪一种类型 再来复习一下typeof的用法： // 基本类型 typeof 123; //number typeof "123"; //string typ...
判断数组中是否存在某一个值的方法
单飞吧的博客
04-24 2367
var arr = [10,11,12,13]; function(obs) { const res = arr.some(item => item === obs) const res = arr.find(item => item === obs) const res = arr.indexOf(obs) const res = arr.filter(item => item === obs) const res = arr.filter(item => item !
vue条件渲染和列表渲染
过客如期的博客
05-20 1129
一，条件渲染：v-if和v-show 1.v-if : vue提供了v-if指令，可以根据条件判断元素渲染与否。 2.v-if接受一个具有truth值的表达式，当为true时元素渲染，反之元素不渲染。 3.相应的还有v-else和v-else-if，当v-if为false时，渲染v-else内容。 4.注意，v-else必须和和v-if相邻，否则识别不了。 5.v-show : vue提供了另一个指令v-show也可以用来动态渲染元素。 6.v-if会销毁元素，代驾比较大，v-show只是在css的disp
ES5新增数组方法
huangfuyk.的博客
02-25 4148
1、静态方法 isArray(): Array.isArray() // Array.isArray方法返回一个布尔值，表示参数是否为数组。 // 它可以弥补typeof运算符的不足。 var arr = [1, 2, 3]; console.log(typeof arr); // "object" Array.isArray(arr) // true // 上面代码中，typeof运算符只能...
uni-app判断数据类型
也简的博客
05-05 5095
uni-app判断数据类型
uniapp框架开发技巧 (mixin注入)等
weixin_42292991的博客
05-16 7280
一 js部分: 1.promise方式的封装函数 //1.想要执行完一个函数之后再传入一个回调函数 getData(callback = false){ if(typeof callback === 'function'){ callback() } } //使用 this.getData(()=>{ console.log('执行回调') }) 2.替换列表对象里的某个对象，使用拓展字符串 //方式一 直接复制 // let item = .
检查数组中是否包含了某个元素
weixin_33785972的博客
05-07 1011
为什么80%的码农都做不了架构师？>>> ...
uniapp 数组
MengSs23的博客
06-12 3984
uniapp操作数组
uni-app 爬坑之 扫描，数据筛选，循环遍历
热门推荐
炫爱小七的博客
07-30 1万+
1.循环遍历 <scroll-view scroll-y class="scroll"> <view v-for="(item, index) in Codes" :key="index" > <view class="cu-item" > <text class="code" @tap="onClickItemRemove...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值