Javascript 数组 中的 sort方法

本文介绍JavaScript中数组排序的方法,包括如何使用sort()方法进行升序和降序排列,并通过实例展示了如何利用匿名函数实现特定需求的排序逻辑。
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">


<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <title></title>
    <script type="text/javascript">
        window.onload = function () {
            var arr = new Array();
            arr[0] = { "age": 18 };
            arr[1] = { "age": 16 };
            arr[2] = { "age": 21 };
            //ShowArray(arr);
            //升序
            arr.sort(asc);
            //ShowArray(arr);
            //降序
            arr.sort(desc);
            //ShowArray(arr);
            //另外,可以直接把一个无名函数直接放到sort()方法的调用中。
            //如下的例子是将奇数排在前面,偶数排在后面

            var arrA = [6, 2, 4, 3, 5, 1];
            ShowArray2(arrA);
            arrA.sort(function (x, y) {
                if (x % 2 == 0) {
                    return 1;
                }
                else {
                    return -1;
                }
            });
            ShowArray2(arrA);
        }
        function ShowArray(arr) {
            var output = "";
            for (var i = 0; i < arr.length; i++) {
                if (output == "") {
                    output = arr[i].age;
                }
                else {
                    output += "," + arr[i].age;
                }
            }
            alert(output);
        }
        function ShowArray2(arr) {
            var output = "";
            for (var i = 0; i < arr.length; i++) {
                if (output == "") {
                    output = arr[i];
                }
                else {
                    output += "," + arr[i];
                }
            }
            alert(output);
        }
        //sort() 方法可以接受一个 方法为参数 ,这个方法有两个参数。
        //分别代表每次排序比较时的两个数组项。sort()排序时每次比较两个数组项都回执行这个参数,
        //并把两个比较的数组项作为参数传递给这个函数。当函数返回值为1的时候就交换两个数组项的顺序,
        //否则就不交换。

        function asc(x, y) {
            if (x.age > y.age) {
                return 1;
            }
            else {
                return -1;
            }
        }
        function desc(x, y) {
            if (x.age < y.age) {
                return 1;
            }
            else {
                return -1;
            }
        }
    </script>
</head>
<body>


</body>
</html>
源码来自:https://pan.quark.cn/s/41b9d28f0d6d 在信息技术领域中,jQuery作为一个广受欢迎的JavaScript框架,显著简化了诸多操作,包括对HTML文档的遍历、事件的管理、动画的设计以及Ajax通信等。 本篇文档将深入阐释如何运用jQuery达成一个图片自动播放的功能,这种效果常用于网站的轮播展示或幻灯片演示,有助于优化用户与页面的互动,使网页呈现更加动态的视觉体验。 为了有效实施这一功能,首先需掌握jQuery的核心操作。 通过$符号作为接口,jQuery能够迅速选取DOM组件,例如$("#id")用于选取具有特定ID的元素,而$(".class")则能选取所有应用了某类class的元素。 在选定元素之后,可以执行多种行为,诸如事件监听、样式的变更、内容的更新以及动画的制作等。 关于“一个基于jQuery的图片自动播放功能”,首要任务是准备一组图片素材,这些素材将被整合至一个容器元素之中。 例如,可以构建一个div元素,将其宽度设定为单张图片的尺寸,再借助CSS实现溢出内容的隐藏,从而构建出水平滚动的初始框架。 ```html<div id="slider"> <img src="image1.jpg" alt="Image 1"> <img src="image2.jpg" alt="Image 2"> <!-- 更多图片内容... --></div>```接着,需要编写jQuery脚本以实现图片的自动切换。 这通常涉及到定时器的运用,以设定周期性间隔自动更换当前显示的图片。 通过使用`.fadeOut()`和`.fadeIn()`方法,能够实现图片间的平滑过渡,增强视觉效果。 ```javascript$(document).re...
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值