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

  • 华为荣耀20青春版耳机孔在哪(华为荣耀20青春版多少钱一台)

    华为荣耀20青春版耳机孔在哪(华为荣耀20青春版多少钱一台)

  • funplus是什么(funplus是什么公司)

    funplus是什么(funplus是什么公司)

  • oppo官网查找手机定位(oppo官网查找手机密码)

    oppo官网查找手机定位(oppo官网查找手机密码)

  • 显卡拆卸安装方法(显卡 拆装)

    显卡拆卸安装方法(显卡 拆装)

  • 相册完全删除的照片怎么找回(相册完全删除的照片在哪)

    相册完全删除的照片怎么找回(相册完全删除的照片在哪)

  • 注册12306邮件号码格式错误怎么办(注册12306邮箱填写什么)

    注册12306邮件号码格式错误怎么办(注册12306邮箱填写什么)

  • 三星手机出现黑屏满屏字母(三星手机出现黑白屏了,怎么办)

    三星手机出现黑屏满屏字母(三星手机出现黑白屏了,怎么办)

  • 录屏怎么截取一部分?(录屏怎么截取一半画面 视频裁剪部分画面的方法)

    录屏怎么截取一部分?(录屏怎么截取一半画面 视频裁剪部分画面的方法)

  • 拼多多怎样截图给商家(拼多多怎样截图给客服)

    拼多多怎样截图给商家(拼多多怎样截图给客服)

  • 淘宝评价高是灰色的什么意思(淘宝评价高是灰色的)

    淘宝评价高是灰色的什么意思(淘宝评价高是灰色的)

  • r17屏幕多大尺寸(oppor17屏幕多大尺寸)

    r17屏幕多大尺寸(oppor17屏幕多大尺寸)

  • 千牛被限制登录是什么意思(千牛被限制登录了订单钱款还能下来吗)

    千牛被限制登录是什么意思(千牛被限制登录了订单钱款还能下来吗)

  • 无线局域网主要应用在哪些方面(无线局域网主要用于什么接入)

    无线局域网主要应用在哪些方面(无线局域网主要用于什么接入)

  • 飞猪出票需要多长时间(飞猪出票要多久才能确定)

    飞猪出票需要多长时间(飞猪出票要多久才能确定)

  • qq开了录音权限还说不了话(qq录音权限打开了还是没声音)

    qq开了录音权限还说不了话(qq录音权限打开了还是没声音)

  • s20美版和国行区别(s20 5g美版)

    s20美版和国行区别(s20 5g美版)

  • 华为mate20上市时间(华为mate20价格)

    华为mate20上市时间(华为mate20价格)

  • iphone7有几个颜色(苹果7有几个颜色)

    iphone7有几个颜色(苹果7有几个颜色)

  • 怎么在文档的第一页加尾注(怎么在文档的第一页自动生成目录)

    怎么在文档的第一页加尾注(怎么在文档的第一页自动生成目录)

  • 短信有个感叹号啥意思(14promax短信有个感叹号)

    短信有个感叹号啥意思(14promax短信有个感叹号)

  • 如何更改支付宝蚂蚁花呗还款日(如何更改支付宝支付方式)

    如何更改支付宝蚂蚁花呗还款日(如何更改支付宝支付方式)

  • 摄像机开机键在哪(摄像机开机键在哪图片)

    摄像机开机键在哪(摄像机开机键在哪图片)

  • 小米手环4和nfc有什么区别(小米手环4和nfc哪个可以自定义壁纸)

    小米手环4和nfc有什么区别(小米手环4和nfc哪个可以自定义壁纸)

  • 微信评论怎么显示全文(微信评论怎么显示地址)

    微信评论怎么显示全文(微信评论怎么显示地址)

  • 苹果无线充电伤电池吗(苹果无线充电伤电池健康度么)

    苹果无线充电伤电池吗(苹果无线充电伤电池健康度么)

  • p30和mate20区别(华为p30跟华为mate20比哪个更好)

    p30和mate20区别(华为p30跟华为mate20比哪个更好)

  • 20个健康生活常识

    20个健康生活常识

  • 银行贴现属于贷款吗
  • 计提所得税费用会计分录
  • 个税漏申报了一个月在哪里申报
  • 房屋租赁备案要准备什么资料
  • 所得税申报时成本数据填错怎么办
  • 运费的进项税
  • 税务筹划的12种方法知乎
  • 小规模纳税人专票和普票区别
  • 境外中资企业转让股权的涉税处理
  • 准则依据
  • 最新企业准则
  • 检测样品留样期限
  • 关联企业如何取消
  • 计提房屋折旧会计分录
  • 发票未能在汇算清缴前取得怎么办?
  • 应付票据与应付账款
  • 年末一般纳税人应交增值税借贷调平什么意思
  • 设计服务发票怎么入账
  • 代开发票有哪些问题需要知道的?
  • 外资企业所得税税率25
  • 车船税交给谁了
  • 总资产周转率多少算高
  • 印花税按主营业务成本计算吗
  • 当月开票一定要当月入账吗
  • 用友t3怎么删除损益结转凭证
  • 个人所得税加计扣除有哪些项目
  • 企业借款增加实际成本
  • 退了货的发票还能用吗
  • win10怎么用wifi上网
  • 怎样调整以前年度多计的收入
  • 如何用注册表
  • 事业单位需要交个人所得税吗
  • 绿萝怎么养才能爬藤
  • php中file
  • 秋分日的时间意义庆祝方式
  • framework架构
  • php测验
  • labview实例教程
  • php解释器工作流程
  • 应付票据核算的内容
  • 运输途中发生的费用
  • 学电脑的好网站
  • 进项税额转出都需要开具红字发票吗
  • 航空电子客票行程单是发票吗
  • 劳务成本账务处理
  • 库存商品怎么结转收入
  • 当月发生的费用下月支付
  • 股东撤资后需要承担责任
  • 安保公司差额征税开具发票
  • 自产货物用于在建工程账务处理
  • 销售公司中的服务是什么
  • 哪些发票可以抵扣增值税专用发票
  • 暂估入库后发票来不了会计分录
  • 2019年新政府会计准则解读
  • win10应用商店应用少
  • 删除windows用户密码
  • win10自定义壁纸在哪个文件夹里
  • 硬盘安装xp系统安装教程
  • ubuntu 编译安装
  • centos安装vim命令
  • win7系统如何查看文件扩展名
  • win7电脑dpi怎么设置800
  • win10在更新界面怎么办
  • 使用 WinSCP 管理 Linux VPS/服务器上的文件 图文教程
  • 粒子冲突
  • jquery刷新局部页面
  • 简述python语言
  • js中的$是什么意思
  • python中pandas.DataFrame排除特定行方法示例
  • unity删除对象
  • javascriptz
  • Android应用开发实训
  • python文本文件操作步骤
  • 发票代码和发票号码有什么区别
  • 土地重置成本价
  • 水利建设基金的税率
  • 国家税务总局千户集团
  • 黄金手镯可以卖出去吗
  • 增值税税控开票软件升级
  • 养猪环保局有什么新政策
  • 免责声明:网站部分图片文字素材来源于网络,如有侵权,请及时告知,我们会第一时间删除,谢谢! 邮箱:opceo@qq.com

    鄂ICP备2023003026号

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

    友情链接: 武汉网站建设