微信小程序--365笔记第32天---数组排序，距离最近

1.实现的是数组的排序，以距离排序，将距离最近的显示在上面;

2.可以应用到其他数组排序，都是可以用的；

wxml:

      <view><view>原数组</view><view wx:for="{{array}}"><text>{{item.name}}</text><text>{{item.distance}}</text></view></view><view style="height:100rpx"></view><view><view>距离最近</view><view wx:for="{{newArray}}"><text>{{item.name}}</text><text>{{item.distance}}</text></view></view>

js:

    data: {array: [{name: '张三',distance: '55km'},{name: '李四',distance: '12km'}, {name: '王五',distance: '78km'}]},/*** 生命周期函数--监听页面加载*/onLoad: function(options) {// 数组排序，可以单独放在一个方法里面，再去调用var newArray = this.data.array;var s = "";for (var i = 1; i < newArray.length; i++) {for (var j = i; j > 0; j--) {if (newArray[j].distance > newArray[j - 1].distance) {s = newArray[j];newArray[j] = newArray[j - 1];newArray[j - 1] = s;}}}console.log(newArray)this.setData({newArray: newArray.reverse()})},

可以看下排序的结果

微信小程序--365笔记第32天---数组排序，距离最近相关推荐

微信小程序---365笔记第48天---上一题，下一题
1.上一题,下一题; 2.点击所在行,也可选中radio或者check-box data:{dataList:[],n:0,num:1},onLoad: function(options) {this ...
云开发（微信-小程序）笔记（十四）---- 收藏，点赞（上）
云开发(微信-小程序)笔记(十三)---- 注册登陆 1.简介点赞,收藏等都是程序的最简单的功能,在现实的应用中也很常见.这里我就来给大家介绍一下小程序的这个功能. 图标下载地址先去网站上http ...
微信小程序开发笔记进阶篇③——onfire.js事件订阅和发布在微信小程序中的使用
文章目录一.前言二.onfire.js介绍三.API介绍四.实例应用五.onfire源码六.实例源码一.前言微信小程序开发笔记--导读二.onfire.js介绍一个简单实用的事件订 ...
微信小程序开发笔记支付篇②——微信小程序通过小程序云实现微信支付功能
文章目录一.前言二.开通微信支付 2.1 关联商户号 2.2 添加商户号 2.3 管理员授权三.云函数开发 3.1 新建云函数 3.2 云函数代码 3.3 云函数上传并部署四.小程序调用 4. ...
微信小程序开发-笔记
一.开发文件结构 1.根目录下有三个文件:app.js,app.json和app.wxss.一个小程序项目必须有的三个描述App的文件.这三个文件是应用程序级别的文件.这3个文件的意义: 表1.1 ...
一个C#程序员学习微信小程序的笔记
一个C#程序员学习微信小程序的笔记客户端打开小程序的时候,就将代码包下载到本地进行解析,首先找到了根目录的 app.json ,知道了小程序的所有页面. 在这个Index页面就是我们的首页,客户端在 ...
小程序 pagescrollto_微信小程序学习笔记（三）-- 首页及详情页开发
一.常用组件在上一个章节中讲解了封装请求数据的模块,在此处请求轮播图的数据 1.首页轮播图数据的请求以及渲染 1.1 轮播图数据的请求 pages/home/home.js import 2 使用组 ...
微信小程序开发笔记，你收藏了吗？
** 微信小程序开发笔记,你收藏了吗? ** 最近在开发微信小程序,把自己在项目中经常遇到的知识点记录下来,以便下次开发的时候查看. 开发小程序开发工具推荐vscode写代码,微信开发工具用于查看效果 ...
微信小程序开发笔记进阶篇④——getPhoneNumber 获取用户手机号码（小程序云）
文章目录一.前言二.前端代码wxml 三.前端代码js 四.云函数五.程序流程一.前言微信小程序开发笔记--导读大部分微信小程序开发者都会有这样的需求:获取小程序用户的手机号码. 但是,因 ...

微信小程序--365笔记第32天---数组排序，距离最近

微信小程序--365笔记第32天---数组排序，距离最近相关推荐

最新文章

热门文章