位置: IT常识 - 正文

JS 数组中的 filter 方法(js 数组中的重数)

编辑:rootadmin
JS 数组中的 filter 方法 1、定义

推荐整理分享JS 数组中的 filter 方法(js 数组中的重数),希望有所帮助,仅作参考,欢迎阅读内容。

文章相关热门搜索词:js 数组中的每个值根据键值对转成键,js中数组的filter方法,js中数组的filter方法,js中数组的filter方法,js 数组中的重数,js 数组中的每个值根据键值对转成键,js 数组中的每个值根据键值对转成键,js 数组中的文件类型转字符串后为空,内容如对您有帮助,希望把文章链接给更多的朋友!

  filter()创建一个新的数组,新数组中的元素是通过检查指定数组中符合条件的所有元素。

2、语法array.filter(function(currentValue,index,arr), thisValue);3、参数说明返回4、用法

filter() 方法用于把Array中的某些元素过滤掉,然后返回剩下的未被过滤掉的元素。

5、注意事项

1、filter() 不会对空数组进行检测;

JS 数组中的 filter 方法(js 数组中的重数)

2、filter() 不会改变原始数组。

6、使用实例

1.返回数组array中所有元素都大于等于14的元素、返回等于14、返回大于某个值和小于某个值的元素的元素。

const array = [14, 17, 18, 32, 33, 16, 40];const newArr = array.filter(num => num > 14)console.log(newArr);//打印 [17,18,32,33,16,40]// 查找某个值-------------------------const array = [14, 17, 18, 32, 33, 16, 40];const newArr = array.filter(num => num == 14)console.log(newArr);//打印 [14]//返回大于某个值和小于某个值的元素const array = [14, 17, 18, 32, 33, 16, 40];const newArr = array.filter(num => num > 14 && num < 33)console.log(newArr);//打印 [17, 18, 32, 16]

2.数组去重操作:对数组array中所有相同的元素进行去重复操作。

const array = [2, 2, 'a', 'a', true, true, 15, 17]const newArr = array.filter((item, i, arr) => { return arr.indexOf(item) === i })console.log(newArr);//打印 [2, 'a', true, 15, 17]//-------------------------------------------------------------------------const array = [1, 2, 3, 4, 5, 6, 7, 8, 9, 4, 5, 6, 7, 9,]const newArr = array.filter((item, i, arr) => { return arr.indexOf(item) === i })console.log(newArr);// 打印 [1, 2, 3, 4, 5, 6, 7, 8, 9]

3、数组中保留奇数或者偶数。

//保留偶数----------------------------------------const array = [1, 2, 3, 4, 5, 6, 7, 8, 9, 10]const newArr = array.filter((item, i, arr) => { return item % 2 === 0 })console.log(newArr);// 打印 [2, 4, 6, 8, 10]//保留奇数----------------------------------------const array = [1, 2, 3, 4, 5, 6, 7, 8, 9, 10]const newArr = array.filter((item, i, arr) => { return item % 2 !== 0 })console.log(newArr);// 打印 [1, 3, 5, 7, 9]

4、去掉数组中的假值,比如:空字符串、undefined、null、0、false。

const array = [ { id: 3 }, { id: 4 }, { id: null }, { id: undefined }, { id: '' }, { id: 0 }, { id: false } ]const newArr = array.filter(({ id }) => id)console.log(newArr);// 打印 [{ "id": 3 },{ "id": 4 }]//-------------------------------------------------------------------const array = [undefined, null, 3, 5, 'a', false, 0]const newArr = array.filter(item => item)console.log(newArr);// 打印 [3, 5, 'a']

5、把对象数组array中的某个属性值取出来存到数组newArr中。

const array = [ { name: "a", type: "letter" }, { name: '1', type: "digital" }, { name: 'c', type: "letter" }, { name: '2', type: "digital" },];const newArr = array.filter((item, i, arr) => { return item.type === "letter"})console.log(newArr);// 打印 [{ "name": "a", "type": "letter" }, { "name": "c", "type":"letter" }]

6、filter结合find方法,实现两个数组的补集的解决方法,oldArr的元素newArr中都有,在newArr中去掉所有的oldArr。

find() 方法返回数组中满足提供的测试函数的第一个元素的值。这里有四个元素,那么就会返回两个数组元素相等的值,这里取反就返回不相等的值, 不取反的时候因为30的元素不符合,所以不返回30的值。

const array = [32, 4, 11, 55, 46, 99, 104, 54, 16, 33, 78, 43, 40]const oldArr = [32, 33, 16, 40, 30]function myfunction() { const result = array.filter(item1 => { //此处取反去掉,将变换元素状态 return !oldArr.find(item2 => { return item1 === item2 }) }) return result}const newArr = myfunction()console.log(newArr);// 取反打印 [4, 11, 55, 46, 99, 104, 54, 78, 43]// 不取反打印 [32, 16, 33, 40] 此处30的元素不符合,所以不返回30的值
本文链接地址:https://www.jiuchutong.com/zhishi/300374.html 转载请保留说明!

上一篇:图像识别算法汇总(图像识别算法汇总表)

下一篇:【学Vue就跟玩一样】如何使用vue中的消息订阅与发布,如何使用vue实现动画效果(vue自学)

  • 华为nova5微信语音悬浮窗不见了怎么办(华为nova5pro微信语音断断续续)

    华为nova5微信语音悬浮窗不见了怎么办(华为nova5pro微信语音断断续续)

  • snkrs几天发货(snkrs几天到货)

    snkrs几天发货(snkrs几天到货)

  • 饿了么致歉红包是什么意思(饿了么致歉红包会扣骑手钱吗)

    饿了么致歉红包是什么意思(饿了么致歉红包会扣骑手钱吗)

  • iphonex门禁卡nfc怎么设置(苹果x门禁卡)

    iphonex门禁卡nfc怎么设置(苹果x门禁卡)

  • 软件授权服务报告无法激活计算机(软件授权服务报告许可证评估失败)

    软件授权服务报告无法激活计算机(软件授权服务报告许可证评估失败)

  • qq群能容纳多少人(qq群最大可以容纳多少人)

    qq群能容纳多少人(qq群最大可以容纳多少人)

  • 40w快充是什么意思(40w快充是多少v)

    40w快充是什么意思(40w快充是多少v)

  • 华为镜头膜有必要贴吗(华为镜头膜有必要贴膜吗)

    华为镜头膜有必要贴吗(华为镜头膜有必要贴膜吗)

  • 小米手机地震提醒怎么开(小米手机地震提醒在哪里设置)

    小米手机地震提醒怎么开(小米手机地震提醒在哪里设置)

  • 无线充电器可以一直插着电源吗(无线充电器可以给苹果手表充电吗)

    无线充电器可以一直插着电源吗(无线充电器可以给苹果手表充电吗)

  • 淘宝什么时候自动好评(淘宝什么时候自动确认收货)

    淘宝什么时候自动好评(淘宝什么时候自动确认收货)

  • 手机云服务是什么意思(手机云服务什么时候才流行的)

    手机云服务是什么意思(手机云服务什么时候才流行的)

  • realme Q怎么设置智能接电话(realmeq怎么设置语音唤醒)

    realme Q怎么设置智能接电话(realmeq怎么设置语音唤醒)

  • 华为imc是什么意思(华为ims是什么意思)

    华为imc是什么意思(华为ims是什么意思)

  • tab s6国内上市时间(tab s6发布)

    tab s6国内上市时间(tab s6发布)

  • 取消抢票会全额退款吗(取消抢票会怎么样)

    取消抢票会全额退款吗(取消抢票会怎么样)

  • 佳能200d怎么对焦(佳能200d使用教程)

    佳能200d怎么对焦(佳能200d使用教程)

  • rx580series是什么(rx580系列)

    rx580series是什么(rx580系列)

  • 华为p30带红外线吗(华为p30红外线遥控在哪里)

    华为p30带红外线吗(华为p30红外线遥控在哪里)

  • iphone xr双卡怎么放(iphone xr双卡怎么变成单卡了)

    iphone xr双卡怎么放(iphone xr双卡怎么变成单卡了)

  • i3 7100相当于几代i5(i3 7100u相当于)

    i3 7100相当于几代i5(i3 7100u相当于)

  • stm32与51单片机区别(stm32与51单片机的优缺点)

    stm32与51单片机区别(stm32与51单片机的优缺点)

  • 讲解Linux中校验文件的MD5码与SHA1码的命令使用(linux测验)

    讲解Linux中校验文件的MD5码与SHA1码的命令使用(linux测验)

  • Windows11怎么查询tpm版本?Windows11查询tpm版本教程(windows11怎么查询激活时间)

    Windows11怎么查询tpm版本?Windows11查询tpm版本教程(windows11怎么查询激活时间)

  • 用winform开发ChatGPT对话应用(winform开发技术有哪些)

    用winform开发ChatGPT对话应用(winform开发技术有哪些)

  • 二手房交易税费2023新规定
  • 企业代扣代缴个人所得税系统
  • 电子商务税收的特征有哪些?
  • 应收账款余额不对怎么调账
  • 教育培训行业税负率是多少
  • 增值税申报错误如何重报
  • 本年利润包含增值税吗
  • 核定增收和查账增收的区别
  • 增值税税控系统的税务处理
  • 税控盘全额抵扣分录
  • 国家税务总局公告2023年第1号
  • 19年新会计制度
  • 停车管理费什么时候交
  • 员工福利费用会计怎么做
  • 个税专项扣除有几项
  • 哪里查询发票是否抵扣
  • 营改增后哪些费用可以抵扣
  • 资产预测怎么写
  • u盘启动器安装系统
  • PHP:oci_new_cursor()的用法_Oracle函数
  • 外籍人员个人所得税计算
  • 公允价值计量转成本法 同一控制
  • xcsp_eclib.dll
  • 转出固定资产账务处理
  • 外出经营范围
  • 差旅费的会计分录怎么做
  • 收到的税费返还减少说明什么
  • 资金平衡表的编制方法
  • zabbix 执行命令
  • 全卷积网络fcn详解
  • json解析漏洞
  • php面试知识点
  • php用户评论
  • 定额发票验旧日期怎么算
  • 生产企业出口退税全部流程
  • 采购成本和销售成本谁影响利润
  • 会计凭证销毁年限
  • 实收资本为零该怎么办
  • 工程造价不能超出多少预算
  • 有限合伙企业协议
  • 会计凭证的做账原则
  • 其他应付现金流量表
  • 产品研发专利
  • 预收款不开票怎么处理
  • 费用分摊怎么开口说好
  • 公司每个月申报怎么报的
  • 发票认证申报期是什么时候
  • 一般纳税人提供劳务税率是多少
  • 小规模公司房租发票税率是多少
  • 因进出口商品引起的收支
  • 城建税教育费附加会计分录
  • 原材料会计科目
  • win10建行网银盾插上网页弹不出来
  • 禁用windows键快捷键
  • macbook取消弹出框阻止
  • win7修改系统版本
  • 苹果系统怎么更新
  • xp 控制面板
  • ubuntu login用户名
  • mac电脑怎么装win10
  • 电脑操作系统7
  • win7的注册表在哪里打开
  • nodejs image
  • js表单验证实例怎么写
  • 深入理解中国式现代化
  • nodejs.
  • android车载导航刷机包
  • [置顶] 汉诺塔的原理剖析以及递归的解决办法
  • 智能图片制作
  • 从安卓设备导入
  • 原生js实现promise.all
  • android:ViewPager与FragmentPagerAdapter
  • bootstrap需要学多久
  • 村财审计报告怎么写
  • 纳税申报表如何打印
  • 种子公司缴税吗多少钱
  • 运输装卸费属于增值税价外费用吗
  • 陕西陉阳县税务局官网
  • 重置税务密码
  • 北京企业所得税汇算清缴时间
  • 免责声明:网站部分图片文字素材来源于网络,如有侵权,请及时告知,我们会第一时间删除,谢谢! 邮箱:opceo@qq.com

    鄂ICP备2023003026号

    网站地图: 企业信息 工商信息 财税知识 网络常识 编程技术

    友情链接: 武汉网站建设