js中filter()和indexO一起使用能做啥

最新推荐文章于 2024-04-07 17:29:05 发布
最新推荐文章于 2024-04-07 17:29:05 发布
阅读量679 收藏 1
点赞数
分类专栏： JavaScript 文章标签： javascript 前端 开发语言
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_41930094/article/details/121978474
版权

分开使用

第一：js中indexof（）检测字符在字符串中首次出现的位置（下标），若未匹配到则返回-1。在这里插入图片描述
注意：检测的字符不能为空哦，否则会返回第一个字符的下标。在这里插入图片描述

第二：js中的filter的方法，筛选数组中符合条件的，将每一次符合条件的字符放入新数组中！
在这里插入图片描述

结合使用

场景一：去除数组中重复字符
在这里插入图片描述

场景2：去除数组对象中的重复对象
在这里插入图片描述

只有掌握好零星的知识点，才能懂的结合一起使用！

Greg_Zhong
关注
  • 0
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
filter() find()filterIndex()的区别js
so_and的博客
11-05 2042
filter()：过滤数组中所有满足条件的值 find()：从数组查找第一个满足条件的值，找到第一个值就结束查找 findIndex()：从数组查找第一个满足条件的值的下标 var test=res.data.data.filter((x) => x.name == "主城区"); console.log(test,3333)// var test2 = res.data.data.find((x) => x.name == "主城区");
js 前端 filter 过滤， 去重， 查找 findIndex 等等
lzfengquan的博客
08-17 2651
案例3 ：根据数组对象中的id作比较，id相同的去掉。这种方法只会保留 id 第一个出现的数组。项目中：假设 我们操作了某个按钮获取到整个数据，在执行过滤，调取另一个接口。它创建一个新数组，新数组中的元素是通过检查指定数组中符合条件的所有元素。案例 4 ：数组对象完全相同的去除。...
js中的filter用法
qq_39032149的博客
02-07 359
fliter()方法创建一个新的数组，新数组中的元素是通过特定条件检查得出的符合条件的所有元素。3、结合map先过滤出符合条件的对象，然后提取需要的字段。currentValue为必写，是当前元素的值。例：在对象数组中提取出性别为女的id和name。index 不是必写，是当前元素的索引值。arr 不是必写，当前元素属于的对象。filter()不会改变原始数组。取数组中符合条件的元素。
JavaScript数组去重的常见方法 Set filter indexOf
XSL_HR的博客
06-02 1636
一篇文章带你学会JavaScript中数组去重的常见方法
JavaScript Array 对象高阶方法 some、filter、indexOf
很酷的站长的博客
12-25 679
该方法会依次执行数组的每个元素，如果有一个元素满足条件，则返回 true , 剩余的元素不会再执行检测。filter() 参数同 some() 参数, 可以是一个函数名或闭包函数，返回值为数组。用于检测数组中的元素是否满足指定条件，比如: 判断数组中是否存在大于 10 的数组元素。2. filter() 过滤掉数组中不满足指定条件的值。2. filter() 过滤掉数组中不满足指定条件的值。1. some() 检测数组中的元素是否满足指定条件。1. some() 检测数组中的元素是否满足指定条件。
JavaScript查找数组内的元素的方法 filter() find includes findIndex lastIndexOf indexOf
seimeii的博客
03-23 988
JavaScript查找数组内的元素的方法 filter() find includes findIndex lastIndexOf indexOf
js使用小技巧
07-11
Javascript小技巧一箩筐 事件源对象 event.srcElement.tagName event.srcElement.type 捕获释放 event.srcElement.setCapture(); event.srcElement.releaseCapture(); 事件按键 event.keyCode ...
JavaScript数组去重1
08-08
JavaScript数组去重的几种方法数组去重的几种方法新建数组法同一个数组删除法利用object/map/set去重法先排序再移除法Filter与indexO
JavaScript Table行定位效果
05-20
并在GetBgColor获取背景色程序中使用： while (bgc == this._transparent && (node = node.parentNode) != document) { bgc = CurrentStyle(node).backgroundColor; } return bgc == this._transparent ? "#fff" :...
swagger-to-api
05-16
curl ${the url of your api from swagger} -o api.json && node index.js ./api.json '${the api filter}' 例子： curl http://doc.weibanzhushou.com/docs/api -o api.json && node index.js ./api.json ' per '
csv-edit:获取一个大的 csv 文件，并应用过滤器，将其分解，将其转换为 JSON
06-14
csv-edit ...$ node index.js -h # for usage Options: -h Show help -i [required] [default: " input.csv " ] -o [required] [default: " output.json " ] -c [required] [default: " sample_confi
详解js数组操作——filter()方法
TianXuab的博客
10-18 2189
filter()是JavaScript数组对象的一个内置方法，它用于创建一个新数组，其中包含通过指定函数测试的所有元素。该方法接受一个回调函数作为参数，该函数用于定义筛选的条件。
JS常用数组的方法
Sans_Mots的博客
10-11 256
JavaScript数组的方法（常用）
数组去重方法———filter（）与indexOf（）结合使用
weixin_68613594的博客
08-30 558
数组去重
js对嵌套数组进行filter过滤
xjc2333333的博客
08-29 2402
由于返回的数据类型太复杂，这里只做一个小的样例{},{}]要求便是在data数组中进行筛选，筛选出对应的name，filter只能对第一层进行筛选，当时想到的是使用两层filter，但是没有用，最后经过多次实验，最后发现filter+find可以使用，看一下代码部分if (!!!(!})) &&(!})));});}};...
模糊查询，js对嵌套数组进行filter过滤，并将符合的返回，原格式不变
dawang18232123的博客
06-26 1675
模糊查询，js对嵌套数组进行filter过滤，并将符合的返回，原格式不变。​ 今天对一个深层嵌套的数组进行模糊查询的时候，想到了使用 filter 进行过滤操作。 其具体操作步骤如下： 1、利用JSON将原数组拷贝一份，这样可以避免原数组被改变以及其中有引用类型； 2、获取需要模糊查询的字符串，并将其拆分为数组；
学习Javascript之数组去重
前端小渣
03-08 335
前言 本文2895字，阅读大约需要12分钟。 总括: 本文总结了10种常见的数组去重方法，并将各种方法进行了对比。 公众号：「前端进阶学习」，回复「666」，获取一揽子前端技术书籍 如烟往事俱忘却，心底无私天地宽。 正文 数组去重对于前端来说不是一个常见的需求，一般后端都给做了，但这却是一个有意思的问题，而且经常出现在面试中来考察面试者对JS的掌握程度。本文从数据类型的角度去思考数组去重...
使用过滤filter嵌套过滤出数组对象数组里面某个字段
qq_43486347的博客
11-09 2232
vue3.0写法 let values = state.nameList.filter((v: any) => { if (v.children) { v.children = v.children.filter((d: any) => { return d.nickName.includes(state.formInline.initiator); }); return v.children.length; } return v
js中filter,map,forEach,indexOf的用法和区别详解
最新发布
Br不二
04-07 475
在JavaScript中，`filter()`, `map()`, `forEach()`, 和 `indexOf()` 是数组对象常用的方法，它们各自具有特定的用途
js中数组对象去重filter
09-09
在 JavaScript 中，你可以使用 `filter` 方法来对数组进行去重操作。下面是一个示例代码： ```javascript const array = [ { id: 1, name: 'John' }, { id: 2, name: 'Jane' }, { id: 1, name: 'John' }, { id: 3, name: 'Bob' },]; const uniqueArray = array.filter((obj, index, self) => index === self.findIndex((o) => o.id === obj.id && o.name === obj.name) ); console.log(uniqueArray); ``` 上述代码中，我们使用 `filter` 方法和 `findIndex` 方法来进行去重操作。`filter` 方法接受一个回调函数，该函数会在数组的每个元素上被调用。在回调函数中，我们使用 `findIndex` 方法来查找当前元素在数组中的第一个索引位置。如果当前元素的索引与其第一次出现的索引位置相同，则保留该元素，否则过滤掉重复元素。 在上面的示例中，最终会输出如下结果： ```javascript [ { id: 1, name: 'John' }, { id: 2, name: 'Jane' }, { id: 3, name: 'Bob' }, ] ``` 注意：此方法对于数组中的对象元素的属性进行一一比较，如果对象属性较多或者属性值较复杂，建议使用其他更适合的去重方式。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值