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

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

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

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

打印:
【vue3】处理数组方法,在数组中获取指定条件所在的数组对象等持续更新笔记~~_第1张图片
(2)map方法取到的是包含指定项的数组,如果满足条件,则返回该对象;否则,返回 undefined

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

【vue3】处理数组方法,在数组中获取指定条件所在的数组对象等持续更新笔记~~_第2张图片
所以要处理下

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

【vue3】处理数组方法,在数组中获取指定条件所在的数组对象等持续更新笔记~~_第3张图片
(3)reduce方法返回的是包含键值对的对象或直接返回

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

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

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

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

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

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

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

你可能感兴趣的:(笔记,javascript,开发语言)