微信小程序开发数组对象有一个star属性,根据star属性数值大的在前排序。显示到界面上,代码演示
时间: 2024-02-16 07:03:10 浏览: 95
微信小程序开发之改变data中数组或对象的某一属性值
好的,这是一个简单的示例代码,实现对数组对象按照 star 属性排序,将排序后的结果渲染到小程序界面上。
```
// 假设这是原始数据
let dataList = [
{ name: 'A', star: 3 },
{ name: 'B', star: 1 },
{ name: 'C', star: 5 },
{ name: 'D', star: 2 },
{ name: 'E', star: 4 },
];
// 对数据进行排序,按照 star 属性从大到小排序
dataList.sort((a, b) => b.star - a.star);
// 渲染到小程序界面上
Page({
data: {
dataList: [], // 排序后的数据将存放在这里
},
onLoad: function () {
this.setData({
dataList: dataList,
});
},
});
```
在界面上可以使用 `wx:for` 指令遍历 `dataList` 数组,将每个对象的 `name` 和 `star` 属性渲染到页面上。
```
<view wx:for="{{ dataList }}" wx:key="name">
<text>{{ item.name }}</text>
<text>star: {{ item.star }}</text>
</view>
```
阅读全文