摘要：再来一个应用，巧妙地用结合实现去重利用的过滤功能和返回数组项所在的索引，相同项返回第一个的索引这个特性。您的点赞是我继续写下去的动力欢迎吐槽谢谢
简单讲filter就是一个数组过滤器，参数接收一个函数，数组的每一项经过函数过滤，返回一个符合过滤条件的新数组
函数接收三个参数：
item （当前遍历的数组项）
i （当前项索引）
arr （调用filter数组本身）
// 需求找到数组内偶数
let arr = [1, 2, 3, 4, 5, 6, 7, 8, 9, 10]
let newArr = arr.filter((item, i, arr) => {
//函数本身返回布尔值，只有当返回值为true时，当前项存入新数组。
return item % 2 == 0
})
console.log(newArr)
let arr1 = [1, 2, 3, 4, 5, 6, 7, 8, 2, 3, 4, 5, 6, 7]
let newArr = arr1.filter(function(item, i, self) {
let a = self.indexOf(item)
console.log(`item----${item},self.indexOf(item)---${a},i----${i}`)
return self.indexOf(item) === i;
});
console.log(newArr) //[1, 2, 3, 4, 5, 6, 7, 8]
**利用filter的过滤功能和indexof返回数组项所在的索引，相同项返回第一个的索引这个特性。
您的点赞是我继续写下去的动力！
欢迎吐槽！ 谢谢！
文章版权归作者所有，未经允许请勿转载,若此文章存在违规行为，您可以联系管理员删除。
转载请注明本文地址：https://www.ucloud.cn/yun/100467.html
摘要：使用一元加模拟函数原理对非数值类型的数据使用一元加，会起到与函数相同的效果。中，若判断不为则不再进行下一步操作。使用逻辑或设置默认值逻辑或也属于短路操作，即当第一个操作数可以决定结果时，不再对第二个操作数进行求值。 善于利用JS中的小知识的利用，可以很简洁的编写代码 1. 使用!!模拟Boolean()函数 原理：逻辑非操作一个数据对象时，会先将数据对象转换为布尔值，然后取反，两个!!...
摘要：将品牌的标价全部加苏南的专栏交流公众号不会对空数组进行检测。方法用于调用数组的每个元素，并将元素传递给回调函数。 showImg(https://segmentfault.com/img/bVblSSO?w=1008&h=298); 前言: 今天我想分享一个有关于循环筛选的知识点，也许是前端小白的你首先想到的是用for循环做筛选，但我这种小菜鸟想到的就是map(工作中很喜欢...
摘要：将品牌的标价全部加苏南的专栏交流公众号不会对空数组进行检测。方法用于调用数组的每个元素，并将元素传递给回调函数。 showImg(https://segmentfault.com/img/bVblSSO?w=1008&h=298); 前言: 今天我想分享一个有关于循环筛选的知识点，也许是前端小白的你首先想到的是用for循环做筛选，但我这种小菜鸟想到的就是map(工作中很喜欢...
摘要：将品牌的标价全部加苏南的专栏交流公众号不会对空数组进行检测。方法用于调用数组的每个元素，并将元素传递给回调函数。 showImg(https://segmentfault.com/img/bVblSSO?w=1008&h=298); 前言: 今天我想分享一个有关于循环筛选的知识点，也许是前端小白的你首先想到的是用for循环做筛选，但我这种小菜鸟想到的就是map(工作中很喜欢...
摘要：的版本增加了对事件监听程序的支持，事件监听程序在建立修改和删除会话或环境时得到通知。元素指出事件监听程序类。过滤器配置将一个名字与一个实现接口的类相关联。 1.简介 web.xml文件是Java web项目中的一个配置文件，主要用于配置欢迎页、Filter、Listener、Servlet等，但并不是必须的，一个java web项目没有web.xml文件照样能跑起来。Tomcat容器/...
阅读 2293·2021-09-26 09:46
阅读 1391·2021-09-22 15:21
阅读 2689·2021-09-09 09:32
阅读 2477·2021-09-02 09:52
阅读 3081·2019-08-30 14:02
阅读 1667·2019-08-27 11:03
阅读 2064·2019-08-26 13:25
阅读 1303·2019-08-26 13:24
