微信小程序js文件data数据有个数组对象有一个star属性,根据star属性数值大的在前排序。显示到界面上,代码演示
时间: 2024-02-16 12:03:39 浏览: 68
js 根据对象数组中的属性进行排序实现代码
好的,下面是示例代码:
在JS文件中,定义一个包含star属性的数组对象,并根据star属性进行排序:
```javascript
Page({
data: {
list: [
{ id: 1, name: '张三', star: 5 },
{ id: 2, name: '李四', star: 3 },
{ id: 3, name: '王五', star: 4 },
{ id: 4, name: '赵六', star: 2 }
]
},
onLoad: function () {
// 根据star属性进行排序
this.data.list.sort((a, b) => b.star - a.star);
// 更新数据
this.setData({
list: this.data.list
});
}
})
```
在WXML文件中,使用wx:for循环遍历数组对象,并显示到界面上:
```html
<view wx:for="{{list}}" wx:key="id">
<text>{{item.name}} - {{item.star}}星</text>
</view>
```
这段代码会在页面上显示一个列表,按照star属性从大到小排序。
阅读全文