关于filter()方法的使用
常见的场景:当我们从后端请求到数据列表时,我们需要对其中符合条件的数据进行筛选、当我们拿到数据,我们希望把英文首字母大写,数组去重等等。
定义和用法
filter用于对数组进行过滤。filter()方法创建一个新的数组,新数组中的元素是通过检查指定数组中符合条件的所有元素。
注意:
filter() 不会对空数组进行检测;不会改变原始数组
语法
返回值:
返回数组,包含了符合条件的所有元素。如果没有符合条件的元素则返回空数组。
实例
实例1
返回数组nums中所有大于5的元素。
实例2
对数组进行过滤,筛选出年龄大于 18岁的数据
实例3
利用 filter 遍历出所有偶数
实例4
把一个Array中的空字符串删掉,可以这么写:
实例5
利用 filter 进行数组去重
indexOf总是返回第一个元素的位置,后续的重复元素位置与indexOf返回的位置不相等,因此被filter滤掉了,所以重复的元素仅会保留第一个位置的元素
filter()和indexO一起使用能做啥
分开使用
第一:js中indexof()检测字符在字符串中首次出现的位置(下标),若未匹配到则返回-1。
注意:检测的字符不能为空哦,否则会返回第一个字符的下标。
第二:js中的filter的方法,筛选数组中符合条件的,将每一次符合条件的字符放入新数组中!
结合使用
场景一:去除数组中重复字符
场景2:去除数组对象中的重复对象
只有掌握好零星的知识点,才能懂的结合一起使用!
总结
以上为个人经验,希望能给大家一个参考,也希望大家多多支持脚本之家。