vue中的find()函数的用法

find函数基本格式:let obj=this.list.find(item=>item.id===val)
首先在这里我们要知道的两个基础知识
一、find是一个查找函数。
二、箭头函数find(item=>item.id===val)相当于find(item){item.code===val}

其中list是数组,this.list.find()是指在list数组中找某样东西,itemlist数组中的每一项。后面item.id===val是查找这样东西的条件,只有这个item.id完全等于val的时候,才算是找到,才能赋值给objobj代表得到条件为item.id完全等于val的时候的数组项。

//举例
//定义一个数组,有3条数据
 list = [
  {
    id: 1,
    name: '吃饭',
    done: true
  },
  {
    id: 2,
    name: '睡觉',
    done: false
  },
  {
    id: 3,
    name: '打豆豆',
    done: false
  }
]
//需要找到id为2的数组项
let obj=this.list.find(item=>item.id===2);//{ id: 2,name: '睡觉', done: false}

你可能感兴趣的:(vue.js,javascript)