资讯专栏INFORMATION COLUMN

es6 find 数组内查询用法

AlphaWatch / 2615人阅读

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

写在开头
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

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)

文章版权归作者所有,未经允许请勿转载,若此文章存在违规行为,您可以联系管理员删除。

转载请注明本文地址:https://www.ucloud.cn/yun/102089.html

相关文章

  • mongodb简介

    摘要:示例给追加别名,用法作用加一个值到数组内,而且只有当这个值在数组中不存在时才增加。示例删除记录内的所有别名可以看到和已经全部被删除了用法作用对字段进行重命名示例把记录的字段重命名为由结果可以看出字段已经被更新为了。 1. 来源 存储方式就是个大json,很灵活。 2. 官网下载安装 https://docs.mongodb.com 3. 启动 // 指定数据库所在的文件夹 mongod...

    zsirfs 评论0 收藏0
  • 在node中的mongodb及mongoose常见用法

    摘要:是在环境下对进行便捷操作的对象模型工具安装一开始需要安装环境以及数据库,然后创建数据文件夹并且启动安装启动。出错返回符合条件的文档数。修改后的标题同上取反,删除一个字段执行后字段不存在增减修改器,只对数字有效。 Mongoose是在node.js环境下对mongodb进行便捷操作的对象模型工具 安装 一开始需要安装node.js环境以及mongodb数据库,然后创建mongdb数据文件...

    liuhh 评论0 收藏0
  • ES6中Array.find()和findIndex()函数用法详解

    摘要:张三男王小毛男李四男关于的使用方法返回数组中符合测试函数条件的第一个元素。否则返回在这儿需要注意的几个点第一个元素测试函数李四返回结果为李四男结合的改进李四返回的是李四男这个元素李四返回的是索引下标 ES6为Array增加了find(),findIndex函数。find()函数用来查找目标元素,找到就返回该元素,找不到返回undefined,而findIndex()函数也是查找目标元素...

    yuanzhanghu 评论0 收藏0
  • js基础常用知识点由浅入深整理篇

    摘要:因为同一时间,只能处理一个异步,这又牵扯到单线程问题了。然后控制台默默打印了个目前前端,异步主要为前后端交互以及定时器,仅仅说前端,如果说的话,还有文件读取等其他的方面会异步。 此篇文章完全按照我个人理解去写。 1.何为JS 先说说js干啥的。不负责点说,js就是操作浏览器的。 有人可能说nodeJS,nodeJS严格意义上只能说是用的ES,因为他没有dom ,也没有bom。 简单点说...

    Zack 评论0 收藏0
  • Array()方法汇总

    摘要:方法为数组中的每个元素都调用一次函数执行如果没有符合条件的元素返回对于空数组,函数是不会执行的。不改变原数组和差不多,默认返回的是索引。擅长网站建设公众号开发微信小程序开发小游戏公众号开发,专注于前端领域框架交互设计图像绘制数据分析等研究。1. length属性 && 检测数组 length属性不是只读,可以设置该属性,从数组的末尾移除项或添加新项 检测数组: 一个全局作用域下(一个网页...

    awesome23 评论0 收藏0

发表评论

0条评论

最新活动
阅读需要支付1元查看
<