当前位置: 首页 > news >正文

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

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

http://www.lryc.cn/news/147521.html

相关文章:

  • qt创建临时文件
  • Element——table排序,上移下移功能。及按钮上一条下一条功能
  • 无涯教程-Android - Linear Layout函数
  • ELK安装、部署、调试(六) logstash的安装和配置
  • 【Spring Security】UserDetails 接口介绍
  • C# Linq源码分析之Take(四)
  • Python 和 C++ 使用细节差别
  • 在Ubuntu Linux系统上安装RabbitMQ服务并解决公网远程访问问题
  • 葫芦娃自动预约-公众号代挂
  • ESP32应用教程(0)— PMW3901MB光流传感器
  • docker部署nginx,部署springboot项目,并实现访问
  • 十五、模板方法模式
  • jvm 什么是常量池,常量池定义 class常量池
  • CA证书颁发机构服务器
  • 5. 线性层及其他层
  • PhpStorm安装篇
  • 麒麟Linux常见问题
  • 一百六十八、Kettle——用海豚调度器定时调度从Kafka到HDFS的任务脚本(持续更新追踪、持续完善)
  • Linux centos7 bash编程(小练习)
  • 【SpringBoot】Web server failed to start. Port 8080 was already in use.
  • day-36 代码随想录算法训练营(19)part05
  • Vue3 实现JS动态改变CSS样式
  • 最新社区团购电商小程序源码 无bug完美运营版+详细搭建部署教程
  • 恒运资本:三大指数震荡走低,地产股大幅回撤,光刻胶概念逆市上涨
  • DP读书:不知道干什么就和我一起读书吧——以《鲲鹏处理器 架构与编程》中鲲鹏软件的构成为例
  • 现货黄金走势图中的止盈点
  • MyBatisPlus实现多租户功能
  • JAVA-斐波那契数列
  • keepalived+lvs(DR)
  • 基于Matlab实现频谱分析(附上源码+数据集)