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

  • 原材料报废可以退税吗
  • 有税控盘怎么领发票
  • 现金余额本月金额和本年累计金额怎么填
  • 小规模纳税人一个季度多少免税
  • 叉车维修费计什么费用
  • 户口与工作地不一致,社保
  • 销售产品产生的运杂费分录
  • 一般纳税人每个月几号报税
  • 交汇算清缴所得吗
  • 销售原材料收到商业承兑汇票会计分录
  • 如何能减免个人所得税
  • 增值税普票丢失发票联能重开吗
  • 福利费进项税额转出会计分录账务处理
  • 增值税如何填报
  • 小规模纳税人日用品增值税税率
  • 个税验证不通过怎么办
  • 小微企业减半征收印花税代码
  • 企业进项发票如何做账
  • 如何理解结转资金与结余资金的区别
  • 现金短缺属于出纳员负责如何做会计处理
  • 现金清查制度的内容包括
  • 办理房产证时契税完税证明图片怎么弄
  • SymSPort.exe - SymSPort是什么进程 有何作用
  • vivo手机可以安装鸿蒙
  • 非工资收入个人所得税税率
  • 无效发票不能报销怎么办
  • Omniserv.exe - Omniserv是什么进程 有什么用
  • PHP:xml_set_processing_instruction_handler()的用法_XML解析器函数
  • 代理公司变更收费标准
  • 经营性租赁与融资性租赁
  • 交易性金融资产的账务处理
  • 免税跟零税率
  • 最小的洗衣机是多少
  • 计算机视觉会议2023年11月
  • 关停所有swap分区的命令
  • vue3使用ref获取元素
  • php自定义函数的关键字是什么
  • php显示图片代码
  • linux中搭建web服务器
  • 企业应采用
  • 生产加工型企业需要办理哪些证件
  • 土石方工程的税费缴纳方法
  • phpcms安装
  • 基于sqlite特殊字符转义的实现方法
  • 销售费用工资是什么科目
  • 以前年度损益调整账务处理分录
  • PostgreSQL 创建表分区
  • db2入门
  • 可以直接申请一个微信吗
  • mysql 索引 key
  • 企业筹建期间的费用处理
  • 什么是叫资产负债表项目
  • 契税退税政策怎么操作
  • 销售折扣与折让在财务报表哪里
  • 什么是公司财务管理中的一个重要组成部分
  • 商品互换概念
  • 周转材料怎么做分录
  • 大金额维修费用怎么入账
  • 处置存货损失应该放哪个科目
  • 公司车折旧会计分录
  • 微信支付宝收入支出怎么做流水账
  • 个人所得税专项扣除能抵多少
  • 生产成本是直接成本吗
  • 收到转账支票怎么填
  • MySQL 5.7双主同步部分表的实现过程详解
  • win8的系统怎么装win7
  • win7系统笔记本怎么调节电脑亮度
  • win10如何更换
  • 快速解决胃胀气
  • jQuery扩展实现text提示还能输入多少字节的方法
  • shell中大括号
  • 用python写随机数
  • jquery滚动到底部加载数据
  • python模拟操作
  • python中csv怎么用
  • 税务局风险评估是什么意思
  • 机关工勤人员2022工资套改表
  • 国网四川电力客户电话号码
  • 通用机打发票明细怎么导出电子版
  • 受让企业与转让企业区别
  • 免责声明:网站部分图片文字素材来源于网络,如有侵权,请及时告知,我们会第一时间删除,谢谢! 邮箱:opceo@qq.com

    鄂ICP备2023003026号

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

    友情链接: 武汉网站建设