【vue3】处理数组方法,在数组中获取指定条件所在的数组对象等持续更新笔记~~
1、在数组中获取指定条件所在的数组对象。
·
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);
更多推荐
已为社区贡献35条内容
所有评论(0)