es5 Array 的filter 和 map实际用途

本文介绍了在Vue中如何使用map和filter方法处理数组数据,包括添加属性和筛选指定条件的元素。通过具体示例展示了如何高效操作数据,提高开发效率。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

我举一个简单的添加模块的例子: 这个是在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){
          }))
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值