vue中的map()快速使用

vue中的map()快速使用

一、map()定义和用法(菜鸟教程)

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

map() 方法按照原始数组元素顺序依次处理元素。

注意: map() 不会对空数组进行检测。

注意: 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;

})

三、一点小总结

写不写return 都会返回一个数组,需要一个值来接收这个数组。

某种程度上和foreach差不多,但是foreach不会返回。

四、foreach map every some find区别

foreach遍历数组,不会有返回值。

map遍历数组,返回处理后的新数组。

every判断数组中每一个元素是否符合某个条件,返回一个布尔值。

some判断数组中是否有元素符合某个条件,返回一个布尔值。

filter筛选数组中满足条件的元素,返回筛选后的新数组。

find:返回符合条件的第一个对象。

转载请说明出处内容投诉
CSS教程_站长资源网 » vue中的map()快速使用

发表评论

欢迎 访客 发表评论

一个令你着迷的主题!

查看演示 官网购买