小程序时间筛选功能，filter方法过滤数组，渲染页面

最新推荐文章于 2024-05-03 23:08:21 发布
最新推荐文章于 2024-05-03 23:08:21 发布
阅读量1.2k 收藏 5
点赞数 1
文章标签： filter 小程序
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_44881032/article/details/116920873
版权

用js的filter方法，根据条件来过滤的数组
我这边做的是一个时间筛选的功能，筛选具体某一天，出来某一天的数据
我这边首先定义了两个数组
在这里插入图片描述
为什么需要定义定义两个数组，因为如果只定义一个数组去过滤该数组的数据，再通过setData去重新赋值，那么如果当你筛选到一个时间的日期是没有数据的那么数组就为空，之后再继续筛选，数据也还是一直为空，因为你一开始请求的原数组就被覆盖了
所以我这边定义的invoiceList为原数组的数据，showArray是过滤数组的数据

在这里插入图片描述
上面通过原数组去过滤，然后将过滤好的数据，通过setData将过滤好的数据重新赋值到过滤数组里，这样每次点击筛选就不会改变原数组的数据，每一次筛选都是在原数据进行过滤

渲染的页面里绑定的也是过滤的数组

这里有一点要注意，因为首次进来需要获取到所有的数据没有进行筛选，所以在你获取原数组的地方，同时需要将数据赋值给过滤数组，比如我这样
在这里插入图片描述

南北九
关注
  • 1
    点赞
  • 踩
  • 5
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
小程序中对js数组进行过滤、筛选
liangxiaomanbu的博客
08-17 629
小程序中对js数组进行过滤、筛选。
小程序 js []数组过滤
quanlver的博客
12-28 878
vara=that.data.markers.filter(item=>item.id==e.detail.markerId)
微信小程序开发中的数据过滤与排序
最新发布
qq_67153941的博客
05-03 391
通过使用filter()方法和sort()方法，我们可以方便地实现数据过滤和排序功能。在本文中，我们将通过实际的代码案例详细介绍如何在微信小程序中实现数据过滤和排序功能。在微信小程序中，我们可以通过使用sort()方法实现数据排序。除了基本的条件过滤，我们还可以实现更复杂的数据过滤。在上面的代码中，我们使用filter()方法将年龄在20到25之间的对象筛选出来。在上面的代码中，我们通过用户输入的关键词来过滤数据中符合该关键词的对象。在上面的代码中，我们通过对象的age属性进行排序。
小程序js：数组筛选。。。
qq_43773083的博客
05-25 1272
var request = require('../../../../../utils/request.js'); const app = getApp(); Page({ data: { activeNames: [], //折叠面板展开项 show: false, //是否展示内容 chooseshow: false, //是否展示选择框 TextContent: "", //当前展示内容中的内容 currentImg: "", //当前上传的图片 c
微信小程序——操作数组
qq_44645934的博客
12-01 2791
微信小程序——操作数组
微信小程序多维数组筛选（以二维数组为例）
喝奶茶要半糖的博客
12-18 3580
微信小程序多维数组筛选（以二维数组为例） 我们在遇到微信小程序进行筛选的时候，一般会使用到filter函数来进行筛选，但是有时候遇到多维数组怎么办呢？ //例如这是我们的数组 arr: [{ id: 1, name: 'A', teachers: [{ course: 'M', classes: 'J', }] }, { id: 2, name: '
微信小程序数据过滤（filter）方法
03-29
因为微信小程序的wxml和js的内部实现机制是分开编译的。所以在wxml是没办法调用js的函数的。这会导致WXML缺少一个我们常用的功能，那就是没有办法在视图层对数据进行格式化处理。比如我们从后端获取到一个包含了...
es6 filter() 数组过滤方法总结
10-17
主要介绍了es6 filter() 数组过滤方法总结，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧
java使用Hashtable过滤数组中重复值的方法
09-01
这里定义了一个名为 `ObjectFilter` 的类，它有一个静态方法 `filter`，该方法接受一个对象数组作为参数并返回一个新的对象数组，其中包含过滤后的不重复元素。 ```java public class ObjectFilter { public ...
angularJs中orderBy筛选以及filter过滤数据的方法
10-17
今天小编就为大家分享一篇angularJs中orderBy筛选以及filter过滤数据的方法，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧
微信小程序开发中的数据筛选和搜索功能
吃不胖.
04-16 323
在小程序的pages文件夹下创建一个students文件夹，然后在students文件夹下创建students.wxml和students.js文件。接下来，我们实现筛选功能。在students页面的students.js文件中，添加一个筛选函数filterStudents，用于根据条件筛选学生信息。首先，我们需要一个数据源，假设我们有一个学生信息的列表，每个学生有姓名、年龄和性别等属性。微信小程序开发中的数据筛选和搜索功能是非常常见的需求，下面是一个具体的代码案例，展示了如何实现数据筛选和搜索功能。
小程序实现数据过滤
小楠哥的博客
05-14 1420
//根据对应标识获取对应数据 var datas= this.data.arrList.filter(function(item){ return item.id == videoindex }) //在进行用findIndex判断获得索引 var findIndex= this.data.arrList.findIndex(function(item){ return item.id == videoindex }) ...
微信小程序数组条件查询
热门推荐
代码的搬运工的博客
07-09 1万+
微信小程序数组条件查询 1.在微信小程序中，数组是比较常用的字段，很多绑定数据都是用数组来在页面实现完成，那么有人只想在一个数组内根据条件拿出想要的数据该怎么实现呢？ 首先，在微信开发者工具的项目里utils目录下新建一个util.js 在util.js里封装个方法，此方法整个项目通用，方法第一个参数是你传递过来的数组，第二个是你要条件查询的字段，可以是多个，第三个是传递过来的条件值 在页面的...
js数组过滤渲染列表
qq_50951790的博客
03-13 210
js数组过滤渲染列表，实现展示的操作，主要就是需要学会使用filter
微信小程序 过滤html,当微信小程序遇上filter~(示例代码)
weixin_31437175的博客
06-04 475
在微信小程序的开发过程中，当你想要实现不同页面间的数据绑定，却为此抓耳饶腮时，不妨让微信小程序与filter 来一场完美的邂逅，相信会给你带来别样的惊喜~前段时间被安利了一个很实用的公众号—前端早读课，它简洁、大方的页面和方便、实用的功能深深地吸引着我~(＾Ｕ＾)ノ 恰好这段时间学了小程序，就自己仿着写了个前端早读课的小程序。实现的功能不同页面间的数据绑定随机显示数组里的元素实时显示系统的日期鼠...
小程序 修改data 数组中的项 和 去除前后空格
小羽向前跑
08-28 1070
修改data中的某一项数据： data: { orderStatus: "", }, this.setData({ orderStatus:"sss" }) 修改数组中的数据： data: { orderList: [ { orderNo: "", insName: "", insIdCard: "", sex: "",...
小程序数组去重
小楠哥的博客
05-29 2136
var arr = [2,3,4,4,5,2,3,6]; var arr2 = arr.filter(function(element,index,self){ return self.indexOf(element) === index; }); console.log(arr2); //[2, 3, 4, 5, 6]
微信小程序两个数组的去重操作
weixin_47588909的博客
07-05 3022
1、tran.js 存在两个不同但却有相同属性值的数组（arr1,arr2）： data: { arr1:[ { "id":1, "name":"html", "read":108987 }, { "id":2, "name":"css", "read":5489564 }, { "id":3, "name":"
微信小程序数组去重
weixin_48989949的博客
11-03 1303
//数组去重 unique(arr){ returnArray.from(newSet(arr)); },
js filter过滤数组
08-20
可以使用 JavaScript 中的 `filter()` 方法来过滤数组。`filter()` 方法创建一个新数组，其中包含通过提供的函数进行过滤的原始数组的元素。 以下是使用 `filter()` 方法过滤数组的示例： ```javascript const ...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值