当前位置: 首页 > news >正文

【vue3】处理数组方法,在数组中获取指定条件所在的数组对象等持续更新笔记~~

1、在数组中获取指定条件所在的数组对象

(1)filter方法获取到的是包含指定项的数组

data.checkRow = res.result.filter(item => item.checked === 1);

打印:
在这里插入图片描述
(2)map方法取到的是包含指定项的数组,如果满足条件,则返回该对象;否则,返回 undefined

data.checkRow = res.result.map(item => { if (item.checked == 1) return item })

在这里插入图片描述
所以要处理下

	data.checkRow = res.result.map(item => { if (item.checked == 1) return item }).filter(Boolean)

在这里插入图片描述
(3)reduce方法返回的是包含键值对的对象或直接返回

	data.checkRow = res.result.reduce((acc, item) => {if (item.checked === 1) {acc[item.id] = item;}return acc;}, {});

在这里插入图片描述

			data.checkRow = res.result.reduce((acc, item) => {if (item.checked === 1) {acc = item;}return acc;}, {}); 

在这里插入图片描述

(4)find方法直接返回对象

data.checkRow = res.result.find(item => item.checked === 1);

在这里插入图片描述

http://www.lryc.cn/news/258843.html

相关文章:

  • digit函数
  • Linux中的堡垒机搭建以及使用
  • ubuntu安装微信客户端
  • ajax清空所有表单内容,包括input标签、单选框radio、多选框CheckBox、下拉框select以及文本域内容
  • 通配符用法
  • 如何从eureka-server上进行服务发现,负载均衡远程调用服务
  • Flutter实现Android拖动到垃圾桶删除效果-Draggable和DragTarget的详细讲解
  • Nacos和Eureka冲突问题原因分析
  • 『C++成长记』拷贝构造函数
  • B 站基于 StarRocks 构建大数据元仓
  • 最常用的4种光纤接口结构
  • Axure网页端高交互组件库, 下拉菜单文件上传穿梭框日期城市选择器
  • 基于Java新人入职管理系统
  • Python实战 | 如何抓取腾讯视频
  • 总结MySQL 的一些知识点:MySQL 导出数据
  • C语言-字符串操作函数-附加使用方式
  • 06-React组件 Redux React-Redux
  • Windows安装卸载MySQL
  • element-ui 重置resetFields()不生效
  • JVM学习笔记-如何在IDEA打印JVM的GC日志信息
  • 16ASM 汇编基础与Debug使用
  • 基于Java车辆管理系统(如高校、办公园区)
  • Dubbo v Spring Cloud:两大技术栈如何选型?
  • ubuntu上搭建bazel编译环境,构建Android APP
  • (第38天)RAC 修改 IP 信息
  • 利用法线贴图渲染逼真的3D老虎模型
  • 『 MySQL数据库 』聚合统计
  • Redis - 事务隔离机制
  • android项目实战之编辑器图片上传预览
  • 微信小程序:上传图片到别的域名文件下