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

第一种方法：冒泡排序

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

排序后是这样子的：

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

<!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. 【学习总结】GirlsInAI ML-diary day-13-Try/Except 异常处理

    [学习总结]GirlsInAI ML-diary 总 原博github链接-day13 认识异常处理 要点小结: try和except是同个等级,注意对齐和缩进 可以把try和except直接理解成另 ...

  2. js05-DOM对象二

    一.节点操作 创建节点:var ele_a = document.createElement('a');添加节点:ele_parent.appendChild(ele_img);删除节点:ele_pa ...

  3. codeforces444A

    DZY Loves Physics CodeForces - 444A DZY loves Physics, and he enjoys calculating density. Almost eve ...

  4. Go语言的通道(2)-缓冲通道

    有缓冲的通道相比于无缓冲通道,多了一个缓存的功能,如下图描述的一样: 从图上可以明显看到和无缓冲通道的区别,无缓冲必须两个Goroutine都进入通道才能进行数据的交换,这个不用,如果数据有,直接就能 ...

  5. Vivado2016旧工程IP移动到新工程

    前言 在VIVADO中图形化界面生成IP,在旧工程中使用后,如果想在新的工程中使用这个IP但又不想再次生成一次,则就需要把就旧工程中的IP导入到新工程中. 流程 1.旧工程IP生成的目录如下,IP为C ...

  6. bzoj 1208: [HNOI2004]宠物收养所 (Treap）

    链接:  https://www.lydsy.com/JudgeOnline/problem.php?id=1208 题面: 1208: [HNOI2004]宠物收养所 Time Limit: 10 ...

  7. elasticsearch篇之mapping

    2018年05月17日 18:01:37 lyzkks 阅读数:444更多 个人分类: Elastic stack   版权声明:文章内容来自于网络和博主自身学习体会,转载请注明出处,欢迎留言大家一起 ...

  8. 支持向量机（SVM）举例

    例(1) 无核(No kernel or linear kernel) 代码和数据集来自于https://github.com/fengdu78/Coursera-ML-AndrewNg-Notes ...

  9. EM算法(Expectation Maximization Algorithm)初探

    1. 通过一个简单的例子直观上理解EM的核心思想 0x1: 问题背景 假设现在有两枚硬币Coin_a和Coin_b,随机抛掷后正面朝上/反面朝上的概率分别是 Coin_a:P1:-P1 Coin_b: ...

  10. CMDB服务器管理系统【s5day88】：采集资产-文件配置(一)

    django中间件工作原理 整体流程: 在接受一个Http请求之前的准备 启动一个支持WSGI网关协议的服务器监听端口等待外界的Http请求,比如Django自带的开发者服务器或者uWSGI服务器. ...