es6 find 数组内查询用法

写在开头

1.第二次发布,希望能发布上
2.每当碰到新的问题搜索时,总是搜索多个结果才能从复杂的答案中理解清楚
3.直到遇到了思否,答案简单明了,一看就懂
希望自己也能很清晰地表达清楚,让朋友一看就懂,知道什么时候该用它
以后会努力学习,写一写关于前端框架和es6的

es6 find

arr.find(item,index,arr)=>{return item.id == 2}
//(item里每一项对比,条件)
//item为循环的每一项
//index为角标
//arr为数组

数据数组

const arr = [{id:"1",name:"Jim",age:"20"},{id:"2",name:"Lily",age:"18",test:"测试"},{id:"3",name:"Mei",age:"45"},{id:"2",name:"Jane",age:"13"}]

实例问题

寻找id=2 的数据?

解决写法

1.之前for循环写法

let output=[]
for(let i = 0;i<arr.length;i++ ){if (arr[i].id==2) {output.push(arr[i])}
}
// {id: "2", name: "Lily", age: "18", test: "测试"},{id: "2", name: "Jane", age: "13"}

2 用find写法

let output = arr.find((item,index,arr)=>{return item.id == '2'
})
// {id: "2", name: "Lily", age: "18", test: "测试"}

总结

数组内数据查询
当我们需要查询出唯一一条数据时,可以选择用find
当查询不到符合条件的数据时,返回 undefined

注意

当find查询到第一条与条件相符的数据时,会停止查询,只会查询出第一条相符数据
不兼容IE浏览器 (不包含IE edge)

es6 find 数组内查询用法相关推荐

c3p0 参数模糊查询_MySQL模糊查询用法大全（正则、通配符、内置函数等）
文章来源:MySQL模糊查询用法大全(正则.通配符.内置函数等) 原文作者:陈哈哈来源平台:CSDN SELECT * from table where username like '%陈哈哈%' ...
java mongo 查询数组_MongoDB查询（数组、内嵌文档）
一.简介我们上一篇介绍了db.collection.find()可以实现根据条件查询和指定使用投影运算符返回的字段省略此参数返回匹配文档中的所有字段,我们今天介绍了对数组和内嵌文档的查询操作,尤其是 ...
Laravel 使用数组条件查询时 in和or 的用法
laravel给出了whereIn的用法: $users = DB::table('users')->whereIn('id', [1, 2, 3])->get(); 或者在闭包中使用wh ...
mysql+curdate+昨天_MySQL内置时间curdate查询用法
MySQL内置时间curdate查询用法文章作者:网友投稿发布时间:2010-08-15 10:02:19 来源:网络总结一下MySQL内置时间查询用法 mysql SELECT year(cu ...
es6中reduce的用法_25个你不得不知道的数组reduce高级用法
背景距离上一篇技术文章<1.5万字概括ES6全部特性>发布到现在,已经有整整4个月没有输出过一篇技术文章了.哈哈,不是不想写,而是实在太忙,这段时间每天不是上班就是加班,完全没有自己的时 ...
重温ES6核心概念和基本用法
ES6在2015年6月就得以批准,至今已两年了.近一年多以来陆续看过很多ES6的资料,工作项目中也逐步的用上了很多ES6的特性(let,const,promise,Template strings,C ...
php中id如何与删除关联,ThinkPHP查询语句与关联查询用法实例
这篇文章主要介绍了ThinkPHP查询语句与关联查询用法,以实例的形式常见的查询方法,包括数组作为查询条件及对象方式来查询等技巧,需要的朋友可以参考下本文实例讲述了ThinkPHP查询语句与关联查询 ...
MongoDB查询用法大全
转载 http://blog.163.com/lgh_2002/blog/static/440175262012052116455/ 详见官方的手册: http://www.mongodb.org/d ...
Python中数组切片的用法详解
Python中数组切片的用法详解一.python中"::-1"代表什么? 二.python中":"的用法三.python中数组切片三.numpy中的整数数 ...

es6 find 数组内查询用法

写在开头

es6 find

数据数组

实例问题

解决写法

总结

注意

es6 find 数组内查询用法相关推荐

最新文章

热门文章