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

  • 增值税申报表上的销售收入
  • 一般纳税人金税盘抵税会计分录
  • 转租房产税计税依据
  • 核定征收季度核定销售额
  • 其他应收款可以在贷方吗
  • 扣缴附加税怎么做分录
  • 企业所得税的申报方式
  • 企业发生事故后的处理流程
  • 不进行工商登记会怎样
  • 赠送给客户的产品发货单要填写单价?
  • 营业外收入在资产负债表怎么填
  • 实收资本变更股东要交税吗
  • 自产产品用于捐赠的会计处理
  • 工程项目增值税税率
  • 取得消费税出口退税款如何做会计处理?
  • 开具增值税专用发票证明
  • 非正常损失的购进货物进项税不能抵扣
  • 关于工资薪金的情况说明
  • 增值税专用发票校验码是哪个位置
  • 税务局减免的税金会计分录
  • 个人代开专票季未超30万附加税需要交吗
  • 怎么获得最新医学类指南
  • 企业给学校捐款的申请怎么写
  • win7系统中文乱码怎么解决
  • 国有土地使用权租赁
  • win10专业版用户名和密码怎么取消
  • schedulerv2.exe - schedulerv2是什么进程 有什么用
  • 日记账登记错了怎么办
  • 查补以前年度税款账务处理
  • 管理费用的会计编码
  • wordpress怎么搜索域名
  • php编写
  • vue 获取当前url
  • 结转已销售产品成本20000元
  • AttributeError: ‘bytes‘ object has no attribute ‘encode‘异常解决方案
  • json字符串转json js
  • 个体经营所得税申报表a
  • 多线程的弊端
  • 应付账款盘点表
  • phpcms视频教程
  • 织梦怎么用模板建站
  • 福利部门领用材料计入什么科目
  • 运输费用抵扣
  • 固定资产报废该怎么处理
  • 增值税的视同销售行为都有哪些?
  • 先开票未发货要确认收入吗
  • 员工垫付款报销单
  • 以个人名义汇货要交税吗
  • 企业小汽车折旧年限
  • 防暑降温费怎么入账
  • 暂估主营业务成本怎么冲销
  • 固定资产已提完折旧,但仍在使用,需要定期清理吗?
  • 个体工商户实收资本可以填0吗
  • 材料成本差异怎么做分录
  • 税前弥补以前年度亏损
  • 增值税达不到税负怎么办
  • 利润表期初余额怎么填
  • 探望公司员工现金费用报销怎么写
  • 什么叫误餐费
  • 空调销售又安装如何税收筹划
  • 购买的办公用品需要入库出库吗
  • 会计怎么核对出纳的日记账
  • windows下启动mysql的命令是什么
  • mysql绿色版配置
  • linux 解析
  • 硬盘安装在机箱内,属于主机的组成部分
  • linux系统中的链接文件主要分为两种
  • win10系统忘记电脑密码
  • linux中make
  • 如何优化资本结构
  • cocos2dx入门
  • linux shell脚本教程
  • js实现页面跳转跳到主页
  • javascript中的条件控制语句有哪些?
  • ug编程代码意思
  • android基础知识大全
  • python编写一个函数求斐波那契
  • 国际税收管理处忙不忙
  • 关于研发费用的审计程序,下列说法中错误的是
  • 荆州市税务局现任名单
  • 免责声明:网站部分图片文字素材来源于网络,如有侵权,请及时告知,我们会第一时间删除,谢谢! 邮箱:opceo@qq.com

    鄂ICP备2023003026号

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

    友情链接: 武汉网站建设