es5 Array 的filter 和 map实际用途

我举一个简单的添加模块的例子: 这个是在vue 中写得

一个简单的功能 把打钩的模块拿出来发送给 后端加个

假设 后端给的数据是 :

data:[{id:1,name:"评论管理"},{id:1,name:"资源包管理"},{id:1,name:"资源库管理"}]

我们先用map 给 data 的每个对象构造一个checked 属性:

data= data.map(item =>item.checked = false)

现在把data 遍历到 每个input 上 , 打钩

我们用filter 把打钩的数据筛选出来:

data = data.filter(item =>item.checked == true)

其实在vue 中有更简洁的处理方式 vue文档

filter 可以过滤属性 map 可以 添加 合并属性 运用得当 可以简洁的很多代码

比如 axios.all()

          function makeRequest(obj){
                  return axios.delete(api_url+obj.id)
          }    
          let requests = data.map(makeRequest)

          axios.all(requests).
          then(axios.spread(function(a,b){
          }))