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

  • 苹果字体大小设置(苹果字体大小设置不了)

    苹果字体大小设置(苹果字体大小设置不了)

  • 索爱音响怎么连蓝牙(索爱音响怎么连接话筒)

    索爱音响怎么连蓝牙(索爱音响怎么连接话筒)

  • 苹果12是什么屏幕材质(苹果12是什么屏1)

    苹果12是什么屏幕材质(苹果12是什么屏1)

  • 笔记本电脑能用几年(笔记本电脑能用万能钥匙连wifi吗)

    笔记本电脑能用几年(笔记本电脑能用万能钥匙连wifi吗)

  • 2k显示器有必要吗(2k显示器有必要买吗)

    2k显示器有必要吗(2k显示器有必要买吗)

  • 小米5手环什么时候出(小米5手环什么时候上市时间)

    小米5手环什么时候出(小米5手环什么时候上市时间)

  • 苹果照片出现云朵怎么解决(苹果照片出现云朵怎么消除)

    苹果照片出现云朵怎么解决(苹果照片出现云朵怎么消除)

  • vivo手机温度过低停止充电是什么原因(vivo手机温度过高怎么解除)

    vivo手机温度过低停止充电是什么原因(vivo手机温度过高怎么解除)

  • 4g相当于多少兆宽带(4g等于多少兆流量)

    4g相当于多少兆宽带(4g等于多少兆流量)

  • 创qq号要好友辅助怎么办(现在注册qq要好友辅助)

    创qq号要好友辅助怎么办(现在注册qq要好友辅助)

  • 美国除了苹果还有什么手机品牌(美国除了苹果还有其他手机品牌吗)

    美国除了苹果还有什么手机品牌(美国除了苹果还有其他手机品牌吗)

  • q9650配什么显卡好(q9650cpu配什么主板最好)

    q9650配什么显卡好(q9650cpu配什么主板最好)

  • 网络接口卡的基本功能包括(网络接口卡的基本类型)

    网络接口卡的基本功能包括(网络接口卡的基本类型)

  • itunes怎么样备份(用itunes怎么备份)

    itunes怎么样备份(用itunes怎么备份)

  • deep fusion怎么用(deepfusion怎么用)

    deep fusion怎么用(deepfusion怎么用)

  • 苹果11截图怎么设置(苹果11截图怎么才能截出刘海)

    苹果11截图怎么设置(苹果11截图怎么才能截出刘海)

  • 手机淘宝小二在哪里找(手机淘宝的淘宝小二在哪里)

    手机淘宝小二在哪里找(手机淘宝的淘宝小二在哪里)

  • 苹果11原彩显示要不要开(苹果11原彩显示打开还是关闭好)

    苹果11原彩显示要不要开(苹果11原彩显示打开还是关闭好)

  • qq自动下载微视怎么取消(qq自动下载的微视安装包在哪)

    qq自动下载微视怎么取消(qq自动下载的微视安装包在哪)

  • 如何在拼多多上买东西(如何在拼多多上白嫖)

    如何在拼多多上买东西(如何在拼多多上白嫖)

  • 美版无锁可以升级吗(美版无锁升级ios14后变有锁)

    美版无锁可以升级吗(美版无锁升级ios14后变有锁)

  • vivoiqoo后面怎么亮(vivoiqoo后面的灯怎么亮)

    vivoiqoo后面怎么亮(vivoiqoo后面的灯怎么亮)

  • 手机恢复出厂设置坏处(手机恢复出厂设置后怎么还原数据)

    手机恢复出厂设置坏处(手机恢复出厂设置后怎么还原数据)

  • 如何使用python中的pypy解释器?(python怎么用)

    如何使用python中的pypy解释器?(python怎么用)

  • 已认证进项税额转出怎么做账务处理
  • 个人能否申请延迟退休
  • 印花税计提时应入什么科目
  • 境外代扣代缴增值税
  • 居民和企业
  • 跨年度进项税额转出怎么申报
  • 建筑公司租赁费会计分录
  • 收到货款没开票做应收还还应付
  • 进项税额转出忘记填在申报表里
  • 税收分类编码不对发票可以用吗
  • 小规模季报财报申报错误怎么办
  • 合同和发票计量一样吗
  • 预交增值税设备租赁是否可抵扣
  • 申报表季初资产和季末资产
  • 租金收入需要缴增值税吗
  • 不按出资比例取得分红怎么纳税?
  • 个人投资款怎么入账
  • 职工宿舍租赁费
  • 企业所得税汇算清缴网上申报流程
  • 小规模纳税人转成一般纳税人条件
  • 代购要交税么
  • 一般纳税人可以开1%的发票吗
  • 诉讼费和保全费什么时候能退还
  • 制造费用分摊的账务处理怎么做?
  • 个体工商户的专票可以抵扣吗
  • 在windows 7中
  • 服务器ssl证书过期怎么解决
  • 购买的房屋如何过户
  • 应交增值税的结转
  • 房产税有哪些种类
  • 无形资产的增值税怎么算
  • 企业微信api错误码
  • php实现上传图片到数据库
  • PHP:pg_fetch_array()的用法_PostgreSQL函数
  • 结转损益类收入账户的余额会计分录
  • 支付本月物业费怎么做账
  • PHP:pcntl_sigwaitinfo()的用法_PCNTL函数
  • ssm算前后端分离吗
  • 开票收款人在哪里设置
  • fall 瀑布
  • 正在求偶的凤头卡拉鹰,美国德克萨斯州 (© Alan Murphy/Minden Pictures)
  • 帝国cms使用手册
  • 汇算清缴退税的账务处理
  • 长期待摊费用如何处理
  • 提取公益金会计怎么做账
  • 发票验证不过去会怎么样
  • 原版小说推荐
  • 应付现金股利属于什么账户
  • 公积金怎么推出工资
  • 融资租赁确认的具体条件
  • 给个体工商户打工受伤怎么办
  • 幼儿园园服已发给孩子怎么通知家长
  • 以公司名义买500万的车省多少税
  • 一般纳税人增值税怎么算
  • 增值税专用发票抵扣期限
  • 有限合伙企业中有限合伙人承担责任的方式为
  • 当月红冲上月开具的增值税
  • 购买办公室家具
  • 固定资产清理账户的借方登记的项目有
  • 业务招待算什么费用
  • 记账联是哪一联
  • access数据库sql语言
  • mysql_info
  • windowsxp教程
  • linux搭建l2tp服务器
  • centos7图形安装
  • win10系统怎么配置交换机
  • win7怎么设置鼠标双击打开
  • win7打开摄像头权限
  • windows安装mq
  • win7能装coreldraw2020吗
  • 搞定immutable.js详细说明
  • 游戏中的物理 processing
  • 网页收集数据
  • unity获取物体的位置
  • 自定义progressbar
  • 已经开具的专用发票
  • 姓名验证不正确
  • 房产税纳税义务时间
  • 模范劳动者
  • 免责声明:网站部分图片文字素材来源于网络,如有侵权,请及时告知,我们会第一时间删除,谢谢! 邮箱:opceo@qq.com

    鄂ICP备2023003026号

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

    友情链接: 武汉网站建设