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

缘起

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


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


方案一:数组map映射

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


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


方案二:WXS脚本语言

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


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


结果

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


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


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


更多实战干货,可查看:

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

细解小程序自适应单位rpx

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

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

小程序使用有赞ZanUI


更多常见错误,可查看:

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

解决"Failed to load image"错误


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

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