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

2023-12-13 09:25:59

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);

在这里插入图片描述

文章来源:https://blog.csdn.net/weixin_49668076/article/details/134879063
本文来自互联网用户投稿，该文观点仅代表作者本人，不代表本站立场。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。