【前端】js中数组对象根据内容查找符合的第一个对象

- 日理万妓 2023-06-05 15:54 5阅读 0赞

今天在写一个混合开发版的app，其中一个功能是扫描快递单号，客户要求不能扫描重复的快递单号！所有就验证查出。

首先实现思路就是：

1.定义一个全局数组变量：var nubList = \[\];

2.进入该扫描页面先查找已扫描的数据。

3.扫描快递单号成功回调里根据当前扫描结果查重。存在择提示已存在。不存在择进行添加快递单列表。

这就是一个简单的实现思路。本篇不是一个什么记录就是一个随笔记录。

以前我查重大多是使用循环进行遍历对比。下面是我这次使用的数组示例find方法。

数组示例find：用于查找数组中第一个符合条件的对象返回。其实实现原来也是每个数组元素对比遍历，这个方法传进去一个回调函数，元素依次调用回调函数（可能看起来爽吧）。

注意其中nubList.find(function(x) \{return x.expressId = result;\}) 就是查询结果了。如果查询不到择返回undefined

## 小技巧：* * ##

最后我在补充几个小方法（从官网看到的比较常用的）：

findIndex：查找第一个符合元素的位置（注意是位置不是元素）；arr.findIndex(v,index,arr)\{\}

reverse:将数组元素位置倒置。简单来说就是反转一下，第一个成最后一个，最后一个成第一个。

join：将数组连接到一个字符串中。此方法也可以传入分割参数

var a=["one","two","three"] a.join("|"); //"one|two|three" 结果

splice:在指定位置添加/修改元素；简单理解就是没有就添加，存在就删除替换调。arr.splice(开始位置，移除数目，元素)

push：再远末尾插入元素。

### 扩展数组根据指定元素删除： ###

//扩展数组删除
                                    Array.prototype.indexOf = function (val) { for (var i = 0; i < this.length; i  ) { if (this[i] == val) return i; } return -1; }; Array.prototype.remove = function (val) { var index = this.indexOf(val); if (index > -1) { this.splice(index, 1); } };

## 2018-07-31补充 ##

今天再次使用到这个方法，但是不同的是我需要在ie下进行兼容测试，不幸的是还真的就不通过，提示“对象不支持“find”属性或方法”。不行那就不用吧，我们换个：filter

在数组处理上filter和find实现的功能是类似的。所有如果是在ie下使用请切换成filter方法：nubList.filter(function(x) \{return x.expressId = result;\})

在元素筛选上filter是对自身的查找，find是对子集的查找。例如：

然后分别查询：

filter=>$("div").filter(".test") 输出结果是：“<p >测试2</p>”

find=>$("div").filter(".test") 输出结果是：测试1

更多专业前端知识，请上 **【猿2048】www.mk2048.com**