vue中的find()函数的用法

前端小程

于 2024-04-19 11:27:21 发布

阅读量1.6k

点赞数 3

文章标签： vue.js 前端 javascript

本文链接：https://blog.csdn.net/CSSAJBQ_/article/details/131188244

版权

本文详细介绍了JavaScript中的find函数，它是用于在数组中查找满足特定条件的第一个元素。通过箭头函数形式的find(item=>item.code==val)，解释了其工作原理和示例应用，如letobj=this.list.find(item=>item.code==val)。

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

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

其中list是数组，this.list.find()是指在list数组中找某样东西，item是find()函数的寻找某样东西的根据，也可以说是id或者是主键。后面item.code===val是查找这样东西的条件，只有这个item.code完全等于val的时候，才算是找到，才能赋值给obj

   let list=[{code:1},{code:2}]
    let val = 2;
    let obj=list.find(item=>item.code=val)
    console.log("obj",obj);//{code:2}

关注