`
zlpx
  • 浏览: 156903 次
  • 性别: Icon_minigender_1
  • 来自: 北京
社区版块
存档分类
最新评论

在JS中利用arrays 排序

 
阅读更多

下面的一组例子展示了你如何在JS中利用arrays排序

 

<!DOCTYPE HTML>
<html>
<head>
    <title>Sorting arrays using JavaScript</title>
</head>
<body>
 
<div id="debug"></div>
 
<script type="text/javascript">
//<![CDATA[
    var arr = ["a", "B", "c", "Z", "f", "E"];
    arr.sort();
 
    var debug = document.getElementById("debug");
    debug.innerHTML = arr.join(" ");
//]]>
</script>
 
</body>
</html>

 

 

 <!DOCTYPE HTML><html>
<head>
    <title>Sorting arrays using JavaScript</title>
</head>
<body>
 
<div id="debug"></div>
 
<script type="text/javascript">
//<![CDATA[
    var arr = ["a", "B", "c", "Z", "f", "E"];
    arr.sort(insensitiveSort);
 
    document.getElementById("debug").innerHTML = arr.join(" ");
 
    function insensitiveSort(a, b) {
        a = a.toLowerCase();
        b = b.toLowerCase();
        if (a > b) {
            return 1;
        } else if (a < b) {
            return -1;
        } else {
            return 0;
        }
    }
//]]>
</script>
 
</body>
</html>
 

<!DOCTYPE HTML>
<html>
<head>
    <title>Sorting arrays using JavaScript</title>
</head>
<body>
 
<div id="debug"></div>
 
<script type="text/javascript">
//<![CDATA[
    var str = "";
    var arr = [{"value":"a"},
                {"value":"B"},
                {"value":"c"},
                {"value":"Z"},
                {"value":"f"},
                {"value":"E"}];
    arr.sort(objectSort("value"));
    arr.forEach(function(item) {
        str += item.value + " ";
    });
 
    document.getElementById("debug").innerHTML = str.trim();
 
    function objectSort(key) {
        return function(a,b) {
            var aValue = a[key].toLowerCase(),
                bValue = b[key].toLowerCase();
            if (aValue > bValue) {
                return 1;
            } else if (aValue < bValue) {
                return -1;
            } else {
                return 0;
            }
        }
    }
//]]>
</script>
 
</body>
</html>

 

<!DOCTYPE HTML>
<html>
<head>
    <title>Sorting arrays using JavaScript</title>
</head>
<body>
 
<div id="debug"></div>
 
<script type="text/javascript">
//<![CDATA[
    var str = "";
    var arr = [{"value":100},
                {"value":-4},
                {"value":2500},
                {"value":300},
                {"value":16},
                {"value":20000},
                {"value":42}];
    arr.sort(objectSort);
    arr.forEach(function(item) {
        str += parseFloat(item.value) + " ";
    });
 
    document.getElementById("debug").innerHTML = str.trim();
 
    function objectSort(a, b) {
        if (a.value > b.value) {
            return 1;
        } else if (a.value < b.value) {
            return -1;
        } else {
            return 0;
        }
    }
//]]>
</script>
 
</body>
</html>

 

 <!DOCTYPE HTML><html>
<head>
    <title>Sorting arrays using JavaScript</title>
</head>
<body>
 
<div id="debug"></div>
 
<script type="text/javascript">
//<![CDATA[
    var str = "";
    var arr = [{"value":"a"},
                {"value":"B"},
                {"value":"c"},
                {"value":"Z"},
                {"value":"f"},
                {"value":"E"}];
    arr.sort(objectSort("value"));
    arr.forEach(function(item) {
        str += item.value + " ";
    });
 
    document.getElementById("debug").innerHTML = str.trim();
 
    function objectSort(key) {
        return function(a,b) {
            var aValue = a[key].toLowerCase(),
                bValue = b[key].toLowerCase();
            if (aValue > bValue) {
                return 1;
            } else if (aValue < bValue) {
                return -1;
            } else {
                return 0;
            }
        }
    }
//]]>
</script>
 
</body>
</html>

 源码下载:

 

在JS中利用arrays 排序.zip

分享到:
评论

相关推荐

    按照字母顺序进行排序

    在IT领域,排序是一种基本且重要的操作,尤其在数据处理、数据库管理以及算法设计中扮演着核心角色。本文将深入探讨“按照字母顺序进行排序”的概念、应用和实现方法。 一、排序概述 排序,简单来说,就是将一组...

    JAVA数组的排序方法实例.docx

    5. 利用 `Arrays.sort(array)` 对数组进行递增排序。这个方法内部实现了高效的快速排序或归并排序算法,效率远高于冒泡排序。 6. 输出排序后的数组。 两种排序方法各有优缺点。冒泡排序算法简单,易于理解,但效率...

    aviator 实现 List 的求和、排序、最大、最小值

    在给定的“aviator 实现 List 的求和、排序、最大、最小值”的主题中,我们将深入探讨如何利用 Aviator 这个工具来实现这些功能。 首先,Aviator 提供了一个简洁的语法,使得我们可以用类似 SQL 的方式处理数据。...

    Arrays-Bankist

    在"Arrays-Bankist"项目中,我们可能会看到关于数组操作的各种示例,如初始化、遍历、查找、排序等。这些操作对于理解数据结构和算法至关重要。排序算法如冒泡排序、选择排序、插入排序、快速排序等可能会被讨论。...

    利用正则表达对IP进行排序的实现代码

    3、利用Arrays.sort()方法对截取的字符串进行排序。。 4、去除多余的0,回复ip原样。 5、实现代码: package IPSort; import java.util.Arrays; /** * 利用正则表达对IP进行排序,分四步 * @author tiger * */ ...

    arrays-objects-source-code

    在"arrays-objects-source-code"中,可能包含了如何利用JavaScript操作数组和对象来动态生成或处理HTML元素的示例。 在"arrays-objects-source-code-master"这个文件夹里,可能包含以下内容: 1. HTML文件:展示...

    使用类型化数组有效地处理柱状数据

    在JavaScript开发中,利用类型化数组进行数字处理的库可以提供一系列高级功能,例如: 1. **统计计算**:这些库通常包含对数组元素进行统计计算的方法,如求和、平均值、中位数、标准差等。 2. **排序与筛选**:...

    The JavaScript Anthology 101 Essential Tips, Tricks

    讨论了如何在JavaScript中操作数字类型的数据,包括常见的数学函数、随机数生成、数值格式化等内容。 3. **Working with Strings(处理字符串)** 深入讲解了字符串的操作方法,如字符串的拼接、分割、替换等,...

    DSA-Arrays:使用数组

    掌握数组的基本操作和特性,以及如何在JavaScript中有效地利用它们,对于提升编程能力至关重要。同时,理解数组在排序、查找、动态规划等算法中的应用,将使你在面对复杂问题时更加得心应手。在实际编程中,根据需求...

    d3.js中冷门却实用的内置函数总结

    在JavaScript的可视化库d3.js中,有一些内置的函数虽然不太为人所知,但它们却在实际开发中具有很高的实用性。下面将详细讲解这些冷门却实用的函数,帮助开发者更好地利用d3.js进行数据可视化。 1. `selection....

    js代码-合并二维有序数组成一维有序数组

    在JavaScript编程中,有序数组的处理是常见的任务之一,特别是在数据操作和算法实现中。本话题聚焦于如何将多个二维有序数组合并成一个一维有序数组。有序数组是指数组中的元素按照特定顺序(如升序或降序)排列。...

    Java1.8中文API

    7. ** Nashorn JavaScript引擎**:Java 8包含了Nashorn JavaScript引擎,允许在Java应用中直接执行JavaScript代码,实现了Java与JavaScript的交互。 8. **并发改进**:Java 1.8对并发库进行了优化,如`Fork/Join...

    查询一个指定字符在数组里的索引,返回索引

    在JavaScript中,可以使用`Array.prototype.indexOf`: ```javascript function findIndex(arr, target) { return arr.indexOf(target) !== -1 ? arr.indexOf(target) : -1; } ``` 这些示例都是线性搜索,如果...

    Java API 1.8 中英文版

    8. **并行数组操作**:`java.util.Arrays`类增加了并行版本的排序和搜索方法,如`parallelSort()`,这些方法可以充分利用多核处理器的优势,提高大规模数据处理的性能。 9. **类型推断增强**:Java 8增强了类型推断...

    华为OD机试C卷- 田忌赛马(Java & JS & Python & C).md-私信看全套OD代码及解析

    ### 华为OD机试C卷- 田忌赛马(Java & JS & Python & C) #### 题目背景与解析 本题是一道典型的排序与组合问题,旨在考查应聘者对于数据结构的理解和算法设计能力。题目背景取自中国古代的典故“田忌赛马”,要求...

    sorting-arrays:通过查询参数

    代码生成器利用许多生成器生成代码,尝试使用ember help generate更多详细信息运行测试ember test ember test --server建造ember build (发展) ember build --environment production (生产)部署中指定部署您的...

    jdk1.8中文百度.zip

    在接口中,JDK 1.8引入了默认方法,即可以在接口定义中添加带实现的方法,这样可以不破坏已有接口的实现。这使得接口能够随着Java的发展而演进,同时保持向后兼容性。 **5. 链式方法调用** 为了提高代码的可读性,...

    jdk-8-win-64 JDK1.8版本应用程序

    7. **并行数组排序**:JDK1.8对数组排序进行了优化,提供了并行版本的`Arrays.sort()`方法,利用多核处理器优势提升排序速度。 8. **类型推断增强**:编译器在Java 8中增强了类型推断能力,使得编写泛型代码更加...

    jdk1.8 api中文文档.zip

    11. **并行数组操作**:`java.util.Arrays`类增加了并行处理方法,如`parallelSort()`,利用多核处理器提高排序速度。 12. **反射API增强**:JDK 1.8的反射API支持访问私有构造器、方法和字段,增强了动态编程的...

    MongoDB 55 道面试题及答案.docx

    "Code" 类型用于在文档中存储 JavaScript 代码。 为什么要在 MongoDB 中用 "Regular Expression" 数据类型? "Regular Expression" 类型用于在文档中存储正则表达式。 为什么在 MongoDB 中使用 "Object ID" 数据...

Global site tag (gtag.js) - Google Analytics