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

第一种方法：冒泡排序

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

排序后是这样子的：

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

<!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. 用JS解决url地址中参数乱码的问题

    var url = window.location.herf;//获取url地址 var obj = {}; //最后输出的对象 var reg = /\?/; //要匹配的正则表达式 if(url. ...

  2. OracleSql语句学习(一)

    --SQL语句本身是不区分大小写的,每个关键字用空格隔开,为了增加可读性,退出所有关键字--全部大写,非关键字都小写SELECT SYSDATE FROM dual--创建表CREATE TABLE ...

  3. jmeter beanshell 中使用map

    1.使用第三方jar包的时候可以放在lib目录下也可以放在lib/ext目录下,放在这两个目录都可以引用jar包成功,通过引用json的jar包在另个目录都实验过成功. 2.通过学习知道可以在bean ...

  4. yum 安装fuser命令

    yum install -y psmisc 转自:https://www.cnblogs.com/saneri/p/5465718.html 有时候我们需要umount某个挂载目录时会遇到如下问题: ...

  5. LODOP不同打印机出现偏移问题

    方法简单描述:1.精确套打,设置以纸张边缘为基点,可避免不同可打区域不同带了的影响.2.不同客户端打印机位置差异,可通过打印维护调整,结果在客户端本地.或调整打印机初始位置(本人使用的金税盘的开票软件 ...

  6. ThreadPoolExecutor 中的 shutdown() 、awaitTermination() 、 shutdownNow() 的用法

    shutdown和awaitTermination为接口ExecutorService定义的两个方法,一般情况配合使用来关闭线程池. 方法简介shutdown方法:将线程池状态置为SHUTDOWN.平 ...

  7. Scrapy 框架 配置文件

    配置文件 基本配置 #1.项目名称,默认的USER_AGENT由它来构成,也作为日志记录的日志名 BOT_NAME = 'Amazon' #2.爬虫应用路径 SPIDER_MODULES = ['Am ...

  8. nginx的location配置root、alias用法和区别

    root & alias区别root与alias主要区别在于nginx如何解释location后面的uri,这会使两者分别以不同的方式将请求映射到服务器文件上root的处理结果是:root路径 ...

  9. Luogu P3600 随机数生成器（期望+dp）

    题意 有一个长度为 \(n\) 的整数列 \(a_1, a_2, \cdots, a_n\) ,每个元素在 \([1, x]\) 中的整数中均匀随机生成. 有 \(q\) 个询问,第 \(i\) 个询 ...

  10. Java8学习笔记（一）--Lambda表达式

    两个概念 函数式接口 函数式接口就是只显式声明一个抽象方法的接口.为保证方法数量不多不少,java8提供了一个专用注解@FunctionalInterface,这样,当接口中声明的抽象方法多于或少于一 ...