JavaScript 对于数组Array的排序，给数字排序、给数字排序，对象排序，控制内容输出循序

小咪咪 2022-01-07 05:25 205阅读 0赞

## 测试数据和代码 ##

(a,b)=>(a.score - b.score) 是lambda表达式，等同于funtion  
sort(function(a,b)\{return a-b;\});  
排序原理：是根据return值的正负数，决定a和b谁排序靠前。

<script>
        var data=[
            {name:'A三',url:"http://www.baidu.com",image:"imgs/user.png",score:30},
            {name:'阿里',url:"http://www.baidu.com",image:"imgs/user.png",score:20},
            {name:'AAA',url:"http://www.baidu.com",image:"imgs/user.png",score:10},
            {name:'张三',url:"http://www.baidu.com",image:"imgs/user.png",score:90},
            {name:'李四',url:"http://www.google.com",image:"imgs/user.png",score:27},
            {name:'流程审批',url:"http://www.hao123.com",image:"imgs/user.png",score:20},
            {name:'会议室预定',url:"http://www.hao123.com",image:"imgs/user.png",score:90},
            {name:'年度测评',url:"http://www.hao123.com",image:"imgs/user.png",score:76},
            {name:'在线互动',url:"http://www.hao123.com",image:"imgs/user.png",score:29},
            {name:'在线查询',url:"http://www.hao123.com",image:"imgs/user.png",score:45},
            {name:'研院公告',url:"http://www.hao123.com",image:"imgs/user.png",score:99},
            {name:'微名片',url:"http://www.hao123.com",image:"imgs/user.png",score:23},
            {name:'投票',url:"http://www.hao123.com",image:"imgs/user.png",score:34},
            {name:'出差',url:"http://www.hao123.com",image:"imgs/user.png",score:56},
            {name:'生日提醒',url:"http://www.hao123.com",image:"imgs/user.png",score:13},
            {name:'每周日志',url:"http://www.baidu.com",image:"imgs/user.png",score:3},
            {name:'职务交接',url:"http://www.baidu.com",image:"imgs/user.png",score:19},
        ]
        var data1 =data.sort((a,b)=>(a.name.localeCompare(b.name,'zh-Hans-CN',{sensitivity: 'accent'})));
        data=data.sort((a,b)=>(a.score - b.score));
    
        console.log(data)
        console.log(data1)
        </script>

### data 按照汉字排序 ###

![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2tvdXJ5b3VzaGluZQ_size_16_color_FFFFFF_t_70]

### data1 按照数字排序 ###

![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2tvdXJ5b3VzaGluZQ_size_16_color_FFFFFF_t_70 1]

## 场景 ##

我主要是为了控制页面的内容显示循序，在data中排好序后，直接循环输出页面就可以了。实现了控制页面内容按照某种顺序输出的效果。

[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2tvdXJ5b3VzaGluZQ_size_16_color_FFFFFF_t_70]: /images/20211227/7479d076297d48568435d7dd28b85c89.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2tvdXJ5b3VzaGluZQ_size_16_color_FFFFFF_t_70 1]: /images/20211227/f0977f4033d54701ab5a14fff3427e6b.png

发表评论取消回复

表情：

评论列表（有 0 条评论，205人围观）

还没有评论，来说两句吧...

相关阅读

相关 JavaScript如何对数字数组进行排序

![24da7784f01d798fbfca8682ae17c720.jpeg][] javaScript的Array.sort（）方法被用来就地数组元素进行排序，并返回排序

r囧r小猫/ 2024年03月26日 18:10/ 0 赞/ 84 阅读

相关 JavaScript 数组、对象数组排序

阅读目录 1、对索引数组排序正序倒序 2、对关联数组排序 3、对象数组排序，对象里面的元素按照年纪排序 1、对索引数组

古城微笑少年丶/ 2023年10月06日 22:20/ 0 赞/ 30 阅读

相关字符数字排序

题目信息输入一串字符串，包含数字、大小写字母和特殊字符。请将数字按照降序排列，字母按照升序排列。排列后，数字放在数字的位置，字母放在字母位置。示例输入：3p0i1r

待我称王封你为后i/ 2022年11月15日 14:18/ 0 赞/ 153 阅读

相关数字排序

数字排序程序，相信很多人都会编写。但是在单片机的操作界面上，现场输入数字、递增（递减）排序，好像还没有见过。下面请看：　　利用51单片机、LCD1602、4×4键

╰半橙微兮°/ 2022年08月20日 01:09/ 0 赞/ 168 阅读

相关 PHP的数字排序

一实例 <?php $array=array(1,4,8,25,0,42,88,66); $array1=sort($array,SORT_ST

男娘i/ 2022年05月11日 23:12/ 0 赞/ 271 阅读

相关笔试之读取数字排序输出

public class Learn { public static void main(String[] args) { Fi

深藏阁楼爱情的钟/ 2022年03月19日 03:26/ 0 赞/ 121 阅读

相关 js对数字数组排序

js中经常需要用到对数组进行排序的操作，当数组中的元素均为数字时，直接使用sort()进行排序得到的结果可能不是你想要的结果。假如我有数组arrayNums=\[15,2,

Love The Way You Lie/ 2022年01月12日 00:33/ 0 赞/ 322 阅读

相关 JavaScript 对于数组Array的排序，给数字排序、给数字排序，对象排序，控制内容输出循序

测试数据和代码 (a,b)=>(a.score - b.score) 是lambda表达式，等同于funtion sort(function(a,b)\{return

小咪咪/ 2022年01月07日 05:25/ 0 赞/ 206 阅读

相关 JavaScript-数字数组排序

前言实现包含数组的有小到大的排序代码 let numberArr = [4, 88, 22, 54, 66] let sort = n

迈不过友情╰/ 2021年07月27日 01:18/ 0 赞/ 468 阅读

相关 CCF 数字排序

一.问题描述给定n个整数，请统计出每个整数出现的次数，按出现次数从多到少的顺序输出。输入格式　　输入的第一行包含一个整数n，表示给定数字的个数。　　第

今天药忘吃喽~/ 2021年06月24日 14:36/ 0 赞/ 405 阅读