我的业务是根据距离的远近经行一个排序；

第一种方法：冒泡排序

排序前的数据是这样子的：

排序后是这样子的：

代码可以直接复制使用的：

<!doctype html>

<html>

<head>

    <meta charset="utf-8">

    <meta http-equiv="X-UA-Compatible" content="IE=edge">

    <meta name="viewport" content="initial-scale=1.0, user-scalable=no, width=device-width">

    <title></title>

    <script src="https://cdn.staticfile.org/jquery/1.10.2/jquery.min.js">

</script>

</head>

<body>

<script type="text/javascript">

    $(function(){

    var _arrayList=new Array();

    var _newArrayList=new Array();

    _arrayList[0]={"id":1,"name":"张三","distance":100};

    _arrayList[1]={"id":2,"name":"李四","distance":120};

    _arrayList[2]={"id":3,"name":"王武","distance":80};

    _arrayList[3]={"id":4,"name":"二狗","distance":40};

    _arrayList[4]={"id":5,"name":"屎蛋","distance":160};

    for(var i=0;i<_arrayList.length;i++)

    {

        for(var u=i+1;u<_arrayList.length;u++)

        {

            if(parseFloat(_arrayList[i]["distance"])>parseFloat(_arrayList[u]["distance"]))

            {

                    var num=[];

                    num=_arrayList[i];

                    _arrayList[i]=_arrayList[u];

                    _arrayList[u]=num;

            }

        }

    }

    console.log(_arrayList);

    });

</script>

</body>

</html>

第二种方法：JavaScript sort()

经过网友的介绍知道了这个set方式，太好用了！

直接上代码：

<!DOCTYPE html>

<html>

<head>

    <meta charset="utf-8">

    <title></title>

    <script src="https://cdn.staticfile.org/jquery/1.10.2/jquery.min.js">

    </script>

</head>

<body>

    <div>

        <table>

            <thead>

                <tr>

                    <td>Id</td>

                    <td>姓名</td>

                    <td>距离（米）</td>

                </tr>

            </thead>

            <tbody id="arrayDiv">

                <tr><td></td><td></td><td></td></tr>

            </tbody>

        </table>

    </div>

    <script>

        $(function () {

            var result = [

           { "id": 1, "name": "张三", "distance": 100 },

           { "id": 2, "name": "李四", "distance": 120 },

           { "id": 3, "name": "王武", "distance": 80 },

           { "id": 4, "name": "二狗", "distance": 40 },

           { "id": 5, "name": "屎蛋", "distance": 160 }

            ];

            function sortId(a, b) {

                return a.distance - b.distance;//由低到高

                //return b.distance - a.distance;//由高到低

            }

            result.sort(sortId);

            console.log(result);

            var _html = "";

            for (var i = 0; i < result.length; i++) {

                _html += "<tr><td>" + result[i].id + "</td><td>" + result[i].name + "</td><td>" + result[i].distance + "</td></tr>";

            }

            $("#arrayDiv").html(_html);

        });

    </script>

</body>

</html>

这是运行效果

JS 对Array集合排序的方法的更多相关文章

  1. Collections -集合排序compareTo方法重写，shuffle，addall

    package cn.learn.collection.Collections; /* 排序的对象的类,实现comparable借口,重写compareto方法 若要打印必须重写toString方法, ...

  2. List集合排序的方法

    1.list集合中的对象实现Comparable接口 public class User implements Comparable<User>{ private Integer id; ...

  3. 关于自定义 List集合排序的方法！

    大致流程: 排序是用到排序的接口Comparator<T>你要先建一个类实现比较器Comparator //大致流程public class StuComp implements Comp ...

  4. 数组Array.sort()排序的方法

    数组sort排序 sort比较次数,sort用法,sort常用 描述 方法sort()将在原数组上对数组元素进行排序,即排序时不创建新的数组副本.如果调用方法sort()时没有使用参数,将按字母顺序( ...

  5. Chrome谷歌浏览器中js代码Array.sort排序的bug乱序解决办法

    [现象] 代码如下: var list = [{ n: "a", v: 1 }, { n: "b", v: 1 }, { n: "c", v ...

  6. Java中List集合排序的方法 比较器的使用 根据学生对象数学 语文 英语成绩总和进行sort排序

    package com.swift; import java.util.ArrayList; import java.util.Collections; import java.util.Compar ...

  7. js实现汉字中文排序的方法 例如：省市列表的排序

    localeCompare() 1.数组内的元素是中文字符串的简单排序 var arr = ['南京', '北京', '上海', '杭州', '深圳']; function sortChinese ( ...

  8. Js获取后台集合List的值和下标的方法

    Js获取后台集合List的值和下标的方法 转载自:http://blog.csdn.net/XiaoKanZheShiJie/article/details/47280449 首先用的是struts2 ...

  9. JS对Array进行自定制排序

    JS对Array进行自定制排序,简单的做一个记录,代码如下所示: //Test function function myFunction(){ var myArr = new Array(); var ...

随机推荐

  1. python使用redis

    版本: python 3.5 redis 3.0.1(redis的安装 pip install redis) 1.连接 import redis r = redis.Redis(host='192.1 ...

  2. springboot maven 报错ArtifactDescriptorException

    maven具体报错提示如下: Description Resource Path Location TypeArtifactDescriptorException: Failed to read ar ...

  3. spring异常Unsatisfied dependency expressed through constructor parameter 0

    异常信息: org.springframework.beans.factory.UnsatisfiedDependencyException: Error creating bean with nam ...

  4. WSL、Git on Windows 、Putty等的创建的rsa秘钥与连接linux的使用。

    1. 在windows 上面可以使用多种方式创建公钥和私钥 这里从一开始说: 1.1 windows subsystem linux 的方式最简单了 cmd 命令行 下 进入 WSL 输入命令 bas ...

  5. RCNN算法的tensorflow实现

    RCNN算法的tensorflow实现 转载自:https://blog.csdn.net/MyJournal/article/details/77841348?locationNum=9&f ...

  6. 两小时入门Docker

    引入 Docker是什么? Docker 最初是 dotCloud 公司创始人 Solomon Hykes 在法国期间发起的一个公司内部项目,于 2013 年 3 月以 Apache 2.0 授权协议 ...

  7. Linux squid代理

    代理的作用: 共享网络 : 加快访问速度,节约通信带宽 : 防止内部主机受到攻击 : 限制用户访问,完善网络管理: 标准代理: 首先要在内部主机指定代理服务器的IP和port,然后通过代理服务器访问外 ...

  8. Activation HDU - 4089（概率dp）

    After 4 years' waiting, the game "Chinese Paladin 5" finally comes out. Tomato is a crazy ...

  9. Vue+koa2开发一款全栈小程序(9.图书详情页）

    1.获取图书详情 1.修改server/controllers/bookdetail.js为 const {mysql}=require('../qcloud') module.exports=asy ...

  10. maven转gradle ，windows错误重定向

    gradle init --type pom --stacktrace > g.log 2>&1