vue中的filter()函数的用法

前端小程

已于 2023-06-13 15:29:59 修改

阅读量3.6k

点赞数 3

文章标签： javascript vue.js 前端

于 2023-06-13 15:27:29 首次发布

本文链接：https://blog.csdn.net/cssajbq_/article/details/131189037

版权

本文介绍了JavaScript中filter方法的基本使用，通过示例展示了如何利用filter过滤数组，保留id不等于特定值的项。箭头函数`item=>item.id!==val`用于定义过滤条件，最终生成新的数组newArr，不含特定id的元素。

摘要由CSDN通过智能技术生成

filter函数基本格式：let newArr=this.list.filter(item=>item.id!==val)
首先在这里我们要知道的两个基础知识
一、filter是一个过滤器。
二、箭头函数filter(item=>item.id!==val)相当于filter(item){item.code!==val}

其中list是数组，this.list.filter()是指在list数组中，过滤掉item.id!==val条件的数组项，newArr代表得到条件为item.id不等于val的时候的数组，相当于数组中删除了item.id为val的项。

//举例
//定义一个数组，有3条数据
 list = [
  {
    id: 1,
    name: '吃饭',
    done: true
  },
  {
    id: 2,
    name: '睡觉',
    done: false
  },
  {
    id: 3,
    name: '打豆豆',
    done: false
  }
]
//删除id为2的数组项，得到新的数组
let newArr = this.list.filter(item=>item.id!==2);  //[{id: 1,name: '吃饭',done: true},{id: 3,name: '打豆豆',done: false}]