位置: 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自学)

  • 支付宝会员自动续费怎么关闭(支付宝会员自动扣款怎么取消)

    支付宝会员自动续费怎么关闭(支付宝会员自动扣款怎么取消)

  • 腾讯会议怎么开启摄像头(腾讯会议怎么开会议房间)

    腾讯会议怎么开启摄像头(腾讯会议怎么开会议房间)

  • 苹果手机如何解除200m限制(苹果手机如何解除呼叫限制)

    苹果手机如何解除200m限制(苹果手机如何解除呼叫限制)

  • 电话交换系统采用什么交换技术(电话交换系统由哪三部分组成)

    电话交换系统采用什么交换技术(电话交换系统由哪三部分组成)

  • 苹果xr是单层主板还是双层(苹果xr单层主板和12哪个好)

    苹果xr是单层主板还是双层(苹果xr单层主板和12哪个好)

  • win10srttrail损坏原因(win10srttrail损坏无法开机)

    win10srttrail损坏原因(win10srttrail损坏无法开机)

  • v1814a是什么手机型号(v1813a是什么手机)

    v1814a是什么手机型号(v1813a是什么手机)

  • 网盘共享文件保存不了(网盘共享的文件怎么保存)

    网盘共享文件保存不了(网盘共享的文件怎么保存)

  • 抖音直播为什么分享不了微信(抖音直播为什么没人进来)

    抖音直播为什么分享不了微信(抖音直播为什么没人进来)

  • 4g改5g需要换卡吗(4g换5g需要换卡吗)

    4g改5g需要换卡吗(4g换5g需要换卡吗)

  • 在word2010中,标尺的作用是什么文档(在Word2010中,标尺在 ( )选项卡)

    在word2010中,标尺的作用是什么文档(在Word2010中,标尺在 ( )选项卡)

  • 实达打印机不进纸是什么原因(实达打印机不进纸是什么原因造成的)

    实达打印机不进纸是什么原因(实达打印机不进纸是什么原因造成的)

  • 微信对方账户异常暂时不能向对方发红包(微信对方账户异常已被限制收款怎么解除)

    微信对方账户异常暂时不能向对方发红包(微信对方账户异常已被限制收款怎么解除)

  • 你拔的用户正忙是什么情况(你拔下的用户正忙)

    你拔的用户正忙是什么情况(你拔下的用户正忙)

  • cad一保存就致命错误怎么回事(cad一保存致命错误解决方法aec)

    cad一保存就致命错误怎么回事(cad一保存致命错误解决方法aec)

  • QQ关闭幸运字符好友会看到吗(qq关闭幸运字符所有人都会关闭吗)

    QQ关闭幸运字符好友会看到吗(qq关闭幸运字符所有人都会关闭吗)

  • ipad购买日期未验证什么意思(ipad购买日期未验证是翻新机吗)

    ipad购买日期未验证什么意思(ipad购买日期未验证是翻新机吗)

  • 饿了么品质联盟红包为什么用不了(饿了么品质联盟红包是什么)

    饿了么品质联盟红包为什么用不了(饿了么品质联盟红包是什么)

  • 抖音发言太快多久恢复(抖音发言太快了,请你控计里需要多久才能重新)

    抖音发言太快多久恢复(抖音发言太快了,请你控计里需要多久才能重新)

  • 笔记本电脑可以连手机热点吗(笔记本电脑可以外接显卡吗?)

    笔记本电脑可以连手机热点吗(笔记本电脑可以外接显卡吗?)

  • 抖音青少年模式怎么关(抖音青少年模式怎么弄掉)

    抖音青少年模式怎么关(抖音青少年模式怎么弄掉)

  • 滴滴优惠券买了怎么退(滴滴优惠券买了用不上)

    滴滴优惠券买了怎么退(滴滴优惠券买了用不上)

  • XR铝制边框掉漆么(iphone铝合金边框掉漆)

    XR铝制边框掉漆么(iphone铝合金边框掉漆)

  • web是什么意思(web2.0是什么意思)

    web是什么意思(web2.0是什么意思)

  • 苹果x防水到什么程度(苹果x防水不?)

    苹果x防水到什么程度(苹果x防水不?)

  • 常用的快速打开管理工具的命令(把快速打开)

    常用的快速打开管理工具的命令(把快速打开)

  • mac怎么安装双系统 苹果电脑安装双系统图文教程(mac安装双系统教程)

    mac怎么安装双系统 苹果电脑安装双系统图文教程(mac安装双系统教程)

  • 印花税权利许可证照免税吗
  • 什么是协税护税员
  • 超市小规模纳税人会计难吗
  • 劳务外包 规定
  • 未休年假补助
  • 上年度职工月平均工资是税前还是税后
  • 出口货物进项税怎样处理
  • 外商投资企业采取发包、出租经营
  • 包工包料挣钱吗
  • 加建工程部分结算款如何做会计分录呢?
  • 员工福利费进项转出
  • 房屋租赁合同印花税计税依据
  • 小规模纳税人红字发票申报的时候怎么填
  • 一般纳税人的含税收入怎么算
  • 正规沙场需要缴纳税吗
  • 对外销售白酒如何纳税
  • 服装批发零售交什么税
  • 成本票和专票区别
  • 增值税发票不小心撕坏了怎么办
  • 资产负债表和利润表的利润不一致
  • 交易性金融资产属于流动资产吗
  • 资产减值损失月末需要结转吗
  • 小规模纳税人的增值税计入成本吗
  • 一般纳税人差额申报表填写
  • 工程用的叉车计提折旧记到什么科目?
  • 花卉盆景苗木
  • win7s
  • googlechrome谷歌浏览器
  • linux的基础知识
  • 其他业务收入和其他业务成本区别
  • PHP:session_write_close()的用法_Session函数
  • 盘盈盘亏固定资产
  • 商贸宝红冲和红字反冲
  • 购入固定资产入账价值包括增值税吗
  • 固定资产折旧的计算方法
  • 厂房改造支出可以计入厂房价值吗
  • php 输出
  • user-interface console 0 指令无效
  • 净化器 ccm
  • 增值税发票复印件可以入账吗与原件一致
  • 报税系统清卡成功状态
  • 交易性金融资产的入账价值
  • 怎么把其他应收款的转到其他应付款
  • 个税赡养老人专项扣除 多人
  • 小规模纳税人当月应交增值税怎么算
  • 免税票如何做会计分录
  • java对象内存大小计算
  • 融资租赁租车
  • js中定义变量关键词是
  • 红字信息表重复开具怎么处理
  • 停车费不动产租赁税率
  • 公司申请破产后员工有赔偿吗
  • 专票和普票都是13个点嘛
  • 获取验证码平台
  • 开具定额发票应如何做账?
  • 缴纳的工会经费现金流量表怎么记
  • 季度缴纳房租申请怎么写
  • 其他应付款如何平账
  • 非公司人员差旅怎么报销
  • 跨月报销的算当月还是上个月的
  • 外经证过期了怎样核销
  • 工程预付款的数量取决于
  • 法人代表可以兼任出纳吗
  • 内部交易固定资产折旧为什么调整
  • windows8出现蓝屏
  • 设置centos时区修改时间的方法
  • centos6.7安装图形界面教程
  • 深度隐藏root
  • linux怎么操作
  • linux 系统查看
  • win8.1介绍
  • win7关闭右下角操作中心
  • linux系统命令包含在哪个目录中
  • perl scripts
  • nginx react
  • bootstrap响应式导航条模板使用详解(含下拉菜单,弹出框)
  • python获取当前日期的前一天
  • python的设置
  • 电子税务局如何查询财务报表
  • 每月个人所得税扣除标准
  • 免责声明:网站部分图片文字素材来源于网络,如有侵权,请及时告知,我们会第一时间删除,谢谢! 邮箱:opceo@qq.com

    鄂ICP备2023003026号

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

    友情链接: 武汉网站建设