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：返回符合条件的第一个对象。