Vue的map()方法和filter()方法的使用

本文介绍了JavaScript中的map()和filter()方法,分别用于创建新数组并对元素进行处理和筛选符合条件的元素。同时提及了foreach、every、some等其他数组遍历和判断方法。
摘要由CSDN通过智能技术生成

map()

map():方法返回一个新数组,数组中的元素为原始数组元素调用函数处理后的值

案例:

const data = res.map(item => item.id);
const data = res.map(item => return item.id);
const data = res.map(item => { name: item.name, id: item.id })
const data = res.map(item => { text: item.id + item.name });
const data = res.map(item => {
	const temp = find(options, { code: item });
	return temp;
})

filter()

filter():方法创建一个新的数组,新数组中的元素是通过检查指定数组中符合条件的所有元素

const arr= [4, 9, 16, 25];
const arr1 = arr.map(item => item+2)
console.log(arr)
console.log(arr1)

注:
foreach遍历数组,不会有返回值
map遍历数组,返回处理后的新数组
every判断数组中每一个元素是否符合某个条件,返回一个布尔值
some判断数组中是否有元素符合某个条件,返回一个布尔值
filter筛选数组中满足条件的元素,返回筛选后的新数组
find:返回符合条件的第一个对象

js遍历:https://blog.csdn.net/JackieDYH/article/details/118568333

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值