【干货#009】小程序如何格式化显示对象数组属性

缘起

小程序页面中经常要显示后台数据库返回的对象数组，当对象属性可以显示时，直接使用setData进行赋值即可，但当对象属性需要格式化显示时，就需要进行格式化处理。

方案一：数组map映射

首先定义格式化函数formatTime，然后将数组对象的属性进行格式化处理后再映射到数组上。

方案二：WXS脚本语言

使用小程序最新WXS语言，定义一个WXS格式化函数formatTime，然后直接在页面中对属性进行格式化处理。

结果

显示结果如图所示，两种方案的效果一样。但我推荐第二种使用WXS的方案，逻辑上更清晰，以后修改时也更方便。

注意：两种方案由于脚本的执行环境不一样，两种方案的格式化处理函数的处理方式是有点差别的。

更多实战干货，可查看：

小程序页面滚动实现广告条隐藏

细解小程序自适应单位rpx

小程序实现地址自动解析和导航

小程序"页面滚动"与"滚动视图区域"区别

小程序使用有赞ZanUI

更多常见错误，可查看：

解决 Page[pages/XXX/XXX] not found错误

解决"Failed to load image"错误

关注晓程序干货店，分享小程序开发干货知识

【干货#009】小程序如何格式化显示对象数组属性相关推荐

[微信小程序]给data的对象的属性赋值
有问题可以扫码加我微信,有偿解决问题.承接小程序开发. 微信小程序开发交流qq群 173683895 . 526474645 : 正文: <view wx:for="{{lei ...
小程序后台返回的对象数组（每个数组添加一个新的属性值）
upshow属性是在请求到后台的数据后逐条添加的,经常用于控制当前数据的显示与否或者箭头的指向 //给后台返还的数据就对象加对象属性值array.forEach((r) => { //arra ...
微信小程序点播插件_微信小程序 wxParse插件显示视频问题
修改wxParse/html2json.js 文件 ,在 html2json(html, bindName)方法里 var node = { node: 'element', tag: tag, }; ...
微信小程序js数组初始化_微信小程序学习Course 3-2 JS数组对象学习
微信小程序学习Course 3-2 JS数组对象学习本节主要介绍JS中的数组. 3-2.1 数组的声明数组声明的方式多种,如下例.一般我们可以先创建一个空数组,然后再填充. var names = ...
支付宝小程序开发练习,显示自定义二维码（四）
之前用了几种方式 1.后端生成二维码需要加密的字符窜,小程序前端利用二维码组件渲染canvas画出二维码,由于支付宝小程序没有这样的组件,于是去找微信小程序的解决方案,把微信小程序的二维码前端组件搬过 ...
python 自动化微信小程序_干货 | 微信小程序自动化测试最佳实践（附 Python 源码）...
原标题:干货 | 微信小程序自动化测试最佳实践(附 Python 源码) 本文为霍格沃兹测试学院测试大咖公开课<微信小程序自动化测试>图文整理精华版. 随着微信小程序的功能和生态日益完善, ...
电脑版微信小程序全屏显示方法，手机横屏方法。
电脑版微信小程序全屏显示方法: 在app.json中加入:"resizable": true 注意要与"pages"同级,网上有许多错误方法! 手机横屏方法: ...
第21课微信小程序视频标签显示弹幕
第21课微信小程序视频标签显示弹幕效果图如下: wxml代码如下: <videosrc="http://wxsnsdy.tc.qq.com/105/20210/snsdyvideo ...
微信小程序开发教程之Array数组对象
最新消息,Hi小程序小编了解到,微信小程序开发教程之Array数组对象. 微信小程序开发教程已经是当下最热门的话题,下面将从多方面来谈谈Array数组对象相关的内容. Array,又称作数组对象我们通 ...

【干货#009】小程序如何格式化显示对象数组属性

缘起

方案一：数组map映射

方案二：WXS脚本语言

结果

【干货#009】小程序如何格式化显示对象数组属性相关推荐

最新文章

热门文章