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

使用Javascript排序

阅读更多

Javascript

<script type="text/javascript">
        function sort() {
            var list = new Array();
            var str = document.getElementById("mess").value;
            var strlist = str.split(",");
            for (var i = 0; i < strlist.length; i++) {
                list.push(strlist[i]);
            }
            alert('输入的内容:' + list);

            // 倒序
            var n = list.length;
            for (var i = 0; i < n / 2; i++) {
                var tem = list[i];
                var j = n - 1 - i;
                list[i] = list[j];
                list[j] = tem;
            }
            alert('倒序结果:' + list);
            
            // 冒泡排序,同字母排序
            var temp = 0;
            for (var i = 0; i < list.length - 1; i++) {
                for (var j = i + 1; j < list.length; j++) {
                    if (list[i] > list[j]) {
                        temp = list[i];
                        list[i] = list[j];
                        list[j] = temp;
                    }
                }
            }
            alert('冒泡排序:' + list);

            // 字母排序:sort() 正序,reverse() 反序
            alert('字母排序:' + list.sort());

            // 按值排序:return a - b 正序,return b - a 反序
            function compare(a, b) {
                return a - b
            }
            alert('按值排序:' + list.sort(compare));
        }
</script>

html

输入数据:<input id="mess" type="text" /><input type="button" value="排序" onclick="sort()" />

参考资料

JavaScript sort() 方法
http://www.w3school.com.cn/js/jsref_sort.asp

JavaScript reverse() 方法
http://www.w3school.com.cn/js/jsref_reverse.asp

分享到:
评论

相关推荐

    使用 JavaScript 排序数据并渲染到页面+源码+demo演示

    使用 JavaScript 排序数据并渲染到页面+源码+demo演示 使用 JavaScript 排序数据并渲染到页面+源码+demo演示 使用 JavaScript 排序数据并渲染到页面+源码+demo演示 使用 JavaScript 排序数据并渲染到页面+源码+...

    javascript排序表格

    javascript动态排序表格 javascript动态排序表格 javascript动态排序表格 javascript动态排序表格

    JavaScript实现表格排序

    这篇我们将深入探讨如何使用JavaScript实现表格排序,包括对数字、日期和汉字的排序。 首先,我们需要理解HTML表格的基本结构,通常由`&lt;table&gt;`、`&lt;tr&gt;`(行)、`&lt;th&gt;`(表头)和`&lt;td&gt;`(数据单元格)组成。为了...

    JavaScript-数据排序添加.rar

    这个名为"JavaScript-数据排序添加.rar"的压缩包显然包含了与使用JavaScript处理数据排序和添加相关的资源。下面我们将深入探讨这些知识点。 首先,我们看到一个名为"data.css"的文件,这通常用于定义网页的样式。...

    javascript经典特效---数字排序.rar

    在这个“数字排序.rar”压缩包中,我们很可能是看到了一个关于如何使用JavaScript进行数字排序的实例。 在JavaScript中,数组的排序可以通过`Array.prototype.sort()`方法来实现。这个方法接受一个可选的比较函数...

    JavaScript-使用javascript开发的排序算法-sorting.zip

    在这个"JavaScript-使用javascript开发的排序算法-sorting.zip"压缩包中,很可能是包含了各种常见的排序算法实现,比如冒泡排序、插入排序、选择排序、快速排序、归并排序以及堆排序等。 1. **冒泡排序**:冒泡排序...

    JavaScript 表格排序

    JavaScript 表格排序双击可进行按表格列排序

    Javascript表格排序大全

    3. **原生JavaScript排序**:你可以通过获取表格数据,对其进行排序,然后重新渲染表格。例如,使用`Array.prototype.sort()`函数对表格数据进行排序,再利用DOM操作更新表格内容。 4. **事件监听**:为了实现点击...

    javascript排序算法实现

    归并排序使用分治策略,将数组分成两个子数组,分别排序后再合并。它的时间复杂度始终为O(n log n),但需要额外的内存空间,适合处理大数组。 8. **堆排序**: 堆排序利用了完全二叉树的特性构建最大(或最小)堆...

    JQ JS javascript 拖拽 排序功能 列表排序 菜单排序 表格排序

    在IT行业中,JavaScript是一种广泛使用的前端编程语言,而jQuery(简称JQ)是基于JavaScript的库,极大地简化了DOM操作、事件处理以及动画效果。在本主题中,我们将深入探讨如何利用jQuery和JavaScript实现拖拽排序...

    JavaScript Table排序

    这里可以使用JavaScript的数组方法`sort()`,它接受一个比较函数作为参数。比较函数接收两个元素作为参数,返回值决定了它们的相对顺序。 例如,如果我们要根据年龄排序,可以编写如下JavaScript代码: ```...

    用javascript实现的十大排序算法详解

    本篇文章将深入探讨如何使用JavaScript实现十大经典排序算法,帮助开发者更好地理解和运用这些算法。 1. 冒泡排序(Bubble Sort) 冒泡排序是一种简单的排序方法,通过重复遍历待排序的数组,比较相邻元素并交换...

    javaScript对表格排序

    在这个例子中,我们探讨如何使用纯JavaScript在客户端实现表格数据的动态排序。首先,我们需要理解HTML表格的基本结构,然后学习JavaScript如何与HTML元素交互,以及如何实现排序算法。 HTML表格由`&lt;table&gt;`标签...

    JavaScript 中常见排序算法详解.pdf

    JavaScript 中常见排序算法详解

    javascript冒泡排序源代码

    直接运行html 文件即可,第一个文本框为要排序的数字,第二位为排序后的现实的地方

    javascript排序分页(转载)

    本篇文章将详细探讨如何使用JavaScript,结合jQuery库,来实现数据的分页显示以及表格内容的排序。 **一、排序** 在JavaScript中,数组的排序可以使用`Array.prototype.sort()`方法。这个方法接受一个比较函数作为...

    javascript字符串排序

    在JavaScript编程语言中,字符串排序是一项常见的操作,特别是在处理用户输入、数据分析或者构建动态内容时。标题"javascript字符串排序"提示我们关注的重点是如何在JS环境中有效地对字符串进行排序。描述中提到的...

    javascript 实现排序分类功能

    javascript 实现排序分类功能, 冒泡排序, 快速排序等等

    使用JavaScript实现的冒泡排序算法:

    使用JavaScript实现的冒泡排序算法:

    使用JavaScript实现的排序二叉树.zip

    本教程将深入探讨如何使用JavaScript来实现排序二叉树。 一、基础知识 在开始之前,我们需要了解二叉树的基本概念。二叉树是由节点组成的,每个节点最多有两个子节点,分别称为左子节点和右子节点。二叉树的遍历...

Global site tag (gtag.js) - Google Analytics