当前位置： 首页 > news >正文

JavaScript的数组排序

news 文章来源：https://blog.csdn.net/mo_sss/article/details/139636994 2024/11/30 1:41:01

天行健，君子以自强不息；地势坤，君子以厚德载物。

每个人都有惰性，但不断学习是好好生活的根本，共勉！

文章均为学习整理笔记，分享记录为主，如有错误请指正，共同学习进步。

羡君无纷喧，高枕碧霞里。

文章目录

  • 数组的排序
    • 1. 举例
    • 2. 举例结果打印
    • 3. sort()函数
    • 4. 数组排序的实现
      • 4.1 比较器的定义
      • 4.2 排序示例代码
      • 4.3 控制台结果打印
    • 4. 示例代码下载

JS系列篇：
JS（JavaScript）入门学习指南
JS（JavaScript）学习专栏

数组的排序

排序调用sort()方法，但一下几种情况的结果好像和我们想象的结果不太一样

1. 举例

排序举例代码

<!DOCTYPE html>
<html lang="en">
<head><meta charset="UTF-8"><meta name="viewport" content="width=device-width, initial-scale=1.0"><title>匿名函数-举例-比较器</title><script>//举例var list = [1,2,3,22,33,11,9,5];console.log("排序前：",list);console.log("排序后：",list.sort());var strList = ["libai","baijuyi","menghaoran","ouyangxiu","lishangyin"];console.log("排序前：",strList);console.log("排序后：",strList.sort());</script>
</head>
<body></body>
</html>

2. 举例结果打印

浏览器打印结果
在这里插入图片描述
结果显示：
数值的数组排序是按照数值的首位从0-9排序，首位相同则根据第二位进行排序。
字符串的排序是按照第一个字符根据字母排序来进行排的，首位相同则根据第二位进行排序。

3. sort()函数

默认的sort()函数，排序的规则是根据每个元素的第一个字符开始按照字母和数字的顺序排序，第一个字符相同，则根据第二个字符进行排序
想要根据数值大小进行排序则需要自定义比较器

4. 数组排序的实现

4.1 比较器的定义

升序
第一个参数比第二个参数大则返回正数，第一个参数比第二个参数小则返回负数，相等则返回0

        function compare(a,b){return a-b;}

降序
第一个参数比第二个参数大则返回负数，第一个参数比第二个参数小则返回正数，相等则返回0

        function compare(a,b){return b-a;}

4.2 排序示例代码

数组排序示例代码

<!DOCTYPE html>
<html lang="en">
<head><meta charset="UTF-8"><meta name="viewport" content="width=device-width, initial-scale=1.0"><title>匿名函数-举例-比较器</title><script>//举例var list = [1,2,3,22,33,11,9,5];// list.forEach(function(value,index){//     console.log(index);//     console.log(value);// });console.log("排序前：",list);console.log("排序后：",list.sort());var strList = ["libai","baijuyi","menghaoran","ouyangxiu","lishangyin"];console.log("排序前：",strList);console.log("排序后：",strList.sort());console.log("--------------------------------------------------------------------");//定义比较器//升序，第一个参数比第二个参数大则返回正数，第一个参数比第二个参数小则返回负数，相等则返回0function compare(a,b){return a-b;}console.log("排序前：",list);//定义的比较规则函数作为参数闯入，进行排序console.log("排序后：",list.sort(compare));console.log("--------------------------------------------------------------------");//降序，第一个参数比第二个参数大则返回负数，第一个参数比第二个参数小则返回正数，相等则返回0function compare2(a,b){return b-a;}console.log("排序前：",list);//定义的比较规则函数作为参数闯入，进行排序console.log("排序后：",list.sort(compare2));// function fn(value,index){//     console.log(index,value);// }// list.forEach(fn);</script></head>
<body></body>
</html>

4.3 控制台结果打印

浏览器结果输出
在这里插入图片描述

4. 示例代码下载

示例代码已上传至CSDN资源库
下载地址：JavaScript 数组排序 比较器 示例代码

感谢阅读，祝君暴富！

相关文章：

JavaScript的数组排序

天行健&#xff0c;君子以自强不息&#xff1b;地势坤&#xff0c;君子以厚德载物。 每个人都有惰性&#xff0c;但不断学习是好好生活的根本&#xff0c;共勉&#xff01; 文章均为学习整理笔记&#xff0c;分享记录为主&#xff0c;如有错误请指正&#xff0c;共同学习进步。…...

编程日记 2024/6/14 9:51:36

从Log4j和Fastjson RCE漏洞认识jndi注入

文章目录 前言JNDI注入基础介绍靶场搭建漏洞验证注入工具 log4j RCE漏洞分析漏洞靶场检测工具补丁绕过 Fastjson RCE漏洞分析漏洞靶场检测工具补丁绕过 总结 前言 接着前文的学习《Java反序列化漏洞与URLDNS利用链分析》&#xff0c;想了解为什么 Fastjson 反序列化漏洞的利用…...

编程日记 2024/6/14 9:50:34

7-25 数字三角形问题

7-25 数字三角形问题 分数 10 全屏浏览 作者 夏仁强 单位 贵州工程应用技术学院 给定一个由n行数字组成的数字三角形如下图所示。试设计一个算法&#xff0c;计算出从三角形的顶至底的一条路径&#xff0c;使该路径经过的数字总和最大。 对于给定的由n行数字组成的数字三角…...

编程日记 2024/6/14 9:48:31

【Kafka专栏 08】ZooKeeper的Watch机制：不就是个“小喇叭”吗？

作者名称&#xff1a;夏之以寒 作者简介&#xff1a;专注于Java和大数据领域&#xff0c;致力于探索技术的边界&#xff0c;分享前沿的实践和洞见 文章专栏&#xff1a;夏之以寒-kafka专栏 专栏介绍&#xff1a;本专栏旨在以浅显易懂的方式介绍Kafka的基本概念、核心组件和使用…...

编程日记 2024/6/14 9:47:30

三极管的厄利效应(early effect)

詹姆斯M厄利(James M. Early)发现的现象&#xff0c;厄利效应&#xff08;英语&#xff1a;Early effect&#xff09;&#xff0c;又译厄尔利效应&#xff0c;也称基区宽度调制效应&#xff0c;是指当双极性晶体管&#xff08;BJT&#xff09;的集电极&#xff0d;射极电压VCE改…...

编程日记 2024/6/14 9:42:23

Maven： 编码GBK的不可映射字符不能编译

使用mvn compile命令&#xff0c;出现错误: 编码GBK的不可映射字符不能编译。这是因为代码或注释中存在中文引起的&#xff0c;一般在ide中会自动处理编译时的字符集&#xff0c;就不会碰到这个错误。这个错误是在生成代码后&#xff0c;其中自动加上了中 文注释&#xff0c;手…...

编程日记 2024/6/14 9:40:19

《web应用技术》第十一次课后作业

1、验证过滤器进行权限验证的原理。 Filter过滤器&#xff1a;javaweb三大组件(Servlet,Filter,Listener)之一&#xff1b;过滤器可以把对资源的请求拦截下来&#xff0c;从而实现一些特殊功能&#xff1b;过滤器一般完成一些通用操作&#xff0c;比如登录校验等。 执行对应的…...

编程日记 2024/6/14 9:37:15

flutter中实现首行缩进两端对齐

刚开始进行搜索&#xff0c;发现很多都是让在每段开始的时候采用空格进行填充&#xff0c;但是采用这种形式之后&#xff0c;不知道为何首行直接溢出了&#xff0c;最后采用下面方法进行实现的。 RichText(text: TextSpan(children: [WidgetSpan(child: Container(width: 20, …...

编程日记 2024/6/14 9:35:11

Vitis HLS 学习笔记--Vitis Accelerated Libraries介绍

目录 1. 简介 2. 库的文件结构 3. 分类介绍 3.1 blas 3.2 codec 3.3 data_analytics 3.4 data_compression 3.5 data_mover 3.6 database 3.7 dsp 3.8 graph 3.9 hpc 3.10 motor_control 3.11 quantitative_finance 3.12 security 3.13 solver 3.14 utils 3…...

编程日记 2024/6/14 9:34:10

Vue3-滑动到最右验证功能

1、思路 1、在登录页面需要启动向右滑块验证 2、效果图 3、文章地址&#xff1a;滑动验证码的实现-vue-simple-verify 2、成分分析 1、由三块构成&#xff0c;分别是底部条、拖动条、拖动移动部分 2、底部条&#xff1a;整体容器&#xff0c;包括背景、边框和文字&#xf…...

编程日记 2024/6/14 9:33:08

深入理解MyBatis XML配置文件

MyBatis是一款优秀的持久层框架&#xff0c;简化了数据库操作的复杂性&#xff0c;提高了开发效率。在MyBatis中&#xff0c;XML配置文件扮演了重要角色&#xff0c;用于配置数据源、事务管理、SQL映射等内容。本文将详细介绍MyBatis的XML配置文件&#xff0c;帮助读者更好地理…...

编程日记 2024/6/14 9:32:06

006 CentOS 7.9 elasticsearch7.10.0安装及配置

文章目录 一、安装Elasticsearch 7.10.0二、安装Logstash 7.10.0三、配置防火墙和网络访问可能出现的错误配置 Elasticsearch官方网址&#xff1a; https://www.elastic.co Elasticsearch中文官网地址&#xff1a;https://www.elastic.co/cn/products/elasticsearch https://…...

编程日记 2024/6/14 9:29:02

蚂蚁分类信息系统二开仿么么街货源客模板微商货源网源码(带手机版)

源码介绍 网站采用蚂蚁分类信息系统二次开发&#xff0c;模板仿么么街货源客模板&#xff0c;微商货源网定制版。 模板设计风格简洁&#xff0c;分类信息采用列表形式发布&#xff0c;这种设计方式非常符合度娘 SEO 规则。收录效果是杠杠的。 这个网站风格目前是用来做货源推…...

编程日记 2024/6/14 9:28:00

综合数据分析及可视化实战

【实验目的】 1、掌握数据分析常用的几种扩展库: numpy、pandas、matplotlib。 2、理解数据分析的几种方法&#xff0c;即描述性数据分析&#xff0c;探索性数据分析 和验证性数据分析。 3、理解数据分析的基本步骤:数据准备、数据导入、数据预处理、数 据分析和数据可视化…...

编程日记 2024/6/14 9:26:58

N32G45XVL-STB之移植LVGL(8.4.0)

目录 概述 1 系统软硬件 1.1 软件版本信息 1.2 ST7796-LCD 1.3 MCU IO与LCD PIN对应关系 2 认识LVGL 2.1 LVGL官网 2.2 下载V8.4.0 3 移植LVGL 3.1 硬件驱动实现 3.2 添加LVGL库文件 3.3 移植和硬件相关的代码 3.3.1 驱动接口相关文件介绍 3.3.2 重新接口函数 3…...

编程日记 2024/6/14 9:24:55

SwaggerSpy：一款针对SwaggerHub的自动化OSINT安全工具

关于SwaggerSpy SwaggerSpy是一款针对SwaggerHub的自动化公开资源情报&#xff08;OSINT&#xff09;安全工具&#xff0c;该工具专为网络安全研究人员设计&#xff0c;旨在简化广大红队研究人员从SwaggerHub上收集已归档API信息的过程&#xff0c;而这些OSINT信息可以为安全人…...

编程日记 2024/6/14 9:23:54

Python酷库之旅-比翼双飞情侣库(05)

目录 一、xlrd库的由来 二、xlrd库优缺点 1、优点 1-1、支持多种Excel文件格式 1-2、高效性 1-3、开源性 1-4、简单易用 1-5、良好的兼容性 2、缺点 2-1、对.xlsx格式支持有限 2-2、功能相对单一 2-3、更新和维护频率低 2-4、依赖外部资源 三、xlrd库的版本说明 …...

编程日记 2024/6/14 9:18:46

numpy数组transpose方法的基本原理

背景&#xff1a;记录一下numpy数组维度顺序操作 一、具体示例 transpose方法用于交换数组的轴&#xff0c;改变数组的维度顺序。方法的参数是一个代表新轴顺序的元组。 假设你有一个三维数组&#xff0c;其形状是 (a, b, c)&#xff0c;即有 a 个块&#xff0c;每个块中有 b…...

编程日记 2024/6/14 9:17:44

Docker Swarm集群部署管理

Docker Swarm集群管理 文章目录 Docker Swarm集群管理资源列表基础环境一、安装Docker二、部署Docker Swarm集群2.1、创建Docker Swarm集群2.2、添加Worker节点到Swarm集群2.3、查看Swarm集群中Node节点的详细状态信息 三、Docker Swarm管理3.1、案例概述3.2、Docker Swarm中的…...

编程日记 2024/6/14 9:16:42

碎片化知识如何被系统性地吸收？

一、方法论 碎片化知识指的是通过各种渠道快速获取的零散信息和知识点&#xff0c;这些信息由于其不完整性和孤立性&#xff0c;不易于记忆和应用。为了系统性地吸收碎片化知识&#xff0c;可以采用以下策略&#xff1a; 1. **构建知识框架**&#xff1a; - 在开始吸收之前&am…...

编程日记 2024/6/14 9:15:41

安鸾学院靶场——安全基础

文章目录 1、Burp抓包2、指纹识别3、压缩包解密4、Nginx整数溢出漏洞5、PHP代码基础6、linux基础命令7、Mysql数据库基础8、目录扫描9、端口扫描10、docker容器基础11、文件类型 1、Burp抓包 抓取http://47.100.220.113:8007/的返回包&#xff0c;可以拿到包含flag的txt文件。…...

编程日记 2024/6/14 9:14:39

ChatGPT：自然语言处理的新纪元与OpenAI的深度融合

随着人工智能技术的蓬勃发展&#xff0c;自然语言处理&#xff08;NLP&#xff09;领域取得了显著的进步。OpenAI作为这一领域的领军者&#xff0c;以其卓越的技术实力和创新能力&#xff0c;不断推动着NLP领域向前发展。其中ChatGPT作为OpenAI的重要成果更是在全球范围内引起了…...

编程日记 2024/6/14 9:12:36

AI引领项目管理新时代：效率与智能并驾齐驱

在数字化浪潮的推动下&#xff0c;项目管理领域正迎来一场由AI技术引领的革新。从自动化任务执行到智能决策支持&#xff0c;AI技术的应用正让项目管理变得更加高效、精准和智能化。本文将探讨项目管理人员及其实施团队如何运用AI技术&#xff0c;以及这些技术如何助力项目管理…...

编程日记 2024/6/14 9:11:34

AUTOSAR汽车电子嵌入式编程精讲300篇-电池管理系统中 CAN 通信模块的设计与应用（中）

目录 2.3 BMS 中 CAN 通信模块软硬件设计 2.3.1 CAN 通信模块硬件电路设计 2.3.2 CAN 通信模块软件设计 2.3.2.1 CAN 底层程序设计 2.3.2.2 CAN 底层初始化 2.3.2.3 CAN 底层接收 3.3.1.3 CAN 底层发送 2.4 通信协议的实现 2.4.1 整车通信协议的实现 2.4.2 充电机通信协议的实现…...

编程日记 2024/6/14 9:09:29

k8s概述

文章目录 一、什么是Kubernetes1、官网链接2、概述3、特点4、功能 二、Kubernetes架构1、架构图2、核心组件2.1、控制平面组件&#xff08;Control Plane Components&#xff09;2.1.1、kube-apiserver2.1.2、etcd2.1.3、kube-scheduler2.1.4、kube-controller-manager 2.2、No…...

编程日记 2024/6/14 9:08:28

多线程的运用

在现代软件开发中&#xff0c;多线程编程是一个非常重要的技能。多线程编程不仅可以提高应用程序的性能&#xff0c;还可以提升用户体验&#xff0c;特别是在需要处理大量数据或执行复杂计算的情况下。本文将详细介绍Java中的多线程编程&#xff0c;包括其基本概念、实现方法、…...

编程日记 2024/6/14 9:07:26

TF-IDF（Term Frequency-Inverse Document Frequency）算法

TF-IDF&#xff08;Term Frequency-Inverse Document Frequency&#xff09;是一种用于文本挖掘和信息检索的统计方法&#xff0c;主要用于评估一个单词在一个文档或一组文档中的重要性。它结合了词频&#xff08;TF&#xff09;和逆文档频率&#xff08;IDF&#xff09;两个指…...

编程日记 2024/6/14 9:05:23

富格林：细心发现虚假确保安全

富格林指出&#xff0c;现货黄金市场内蕴藏着丰富的盈利机会&#xff0c;然而并非所有人都能够抓住这些机会。要想从市场中获取丰厚的利润并且保障交易的安全&#xff0c;必须要求我们掌握一些交易技巧利用此去发现虚假陷阱。当我们不断汲取技巧过后&#xff0c;才可利用此来发…...

编程日记 2024/6/14 8:59:16

6.2 文件的缓存位置

1. 文件的缓冲 1.1 缓冲说明 将文件内容写入到硬件设备时, 则需要进行系统调用, 这类I/O操作的耗时很长, 为了减少I/O操作的次数, 文件通常使用缓冲区. 当需要写入的字节数不足一个块时, 将数据放入缓冲区, 当数据凑够一个块的大小后才进行系统调用(即I/O操作).系统调用: 向…...

编程日记 2024/6/14 8:57:14

在Elasticsearch中，过滤器（Filter）是用于数据筛选的一种机制

在Elasticsearch中&#xff0c;过滤器&#xff08;Filter&#xff09;是用于数据筛选的一种机制&#xff0c;它通常用于结构化数据的精确匹配&#xff0c;如数字范围、日期范围、布尔值、前缀匹配等。过滤器不计算相关性评分&#xff0c;因此比查询&#xff08;Query&#xff0…...

编程日记 2024/6/14 8:54:10

网站首页的动态效果图怎么做/今日疫情最新消息全国31个省

mysql小技巧将一列值赋予另一列 会遇到新增一列, 需要用其他列的值来初始化这一列 或者根据业务条件把某行的某列值直接赋予到其他列. 行号 列1 列2 1 aaa ddd 2 bbb ccc UPDATE 表 SE ...小菜学习设计模式(一)—模板方法(Template)模式前言 设计模式目录: 小菜学习设计模式(一…...

编程日记 2024/11/30 0:14:05

怎么在百度做网站/杭州免费网站制作

原文转自Understanding Generative Adversarial Networks (GANs)&#xff0c;将其翻译过来进行学习。1. 介绍Yann LeCun将生成对抗网络描述为“近十年来机器学习中最有趣的想法”。 的确&#xff0c;自从2014年由Ian J. Goodfellow及其合作者在文献Generative Adversarial Nets…...

编程日记 2024/11/29 23:25:35

网站模板站的模板展示怎么做的/网站优化与seo

方法一&#xff1a;伪列布局法(利用背景图)所谓伪列布局法&#xff0c;就是设计一个背景图像&#xff0c;利用背景图像来模拟栏目的背景。如&#xff0c;使用Photoshop设计一个长方形的背景图&#xff0c;长度与页面宽度保持一致&#xff0c;高度任意。代码中要用到的背景图&am…...

编程日记 2024/11/29 22:38:12

临夏州建设局网站/公司网站设计报价

在使用android stdio的时候 由于导入了两个第三方的包&#xff0c;出现了 Error:Execution failed for task : :dexDebug. > com.android.ide.common.process.ProcessException这样的错误。 解决方法很简单首先在module的build.gradle文件中&#xff0c;删除引用的语句&…...

编程日记 2024/11/29 20:14:45

网上接网站开发不给钱怎么办/成都关键词seo推广电话

js封装的向某个元素后添加元素 由于js没有现成的方法我们需要自己进行封装 //param newElement新创建的元素 //param targetElement传递的已知元素 function insertAfter ( newElement, targetElement ) {var parent targetElement.parentNode;if ( parent.lastChild targe…...

编程日记 2024/11/29 20:00:38

公司请人做的网站 域名属于谁/站长工具名称查网站

不同类型的消费者1、DefaultMQPushConsumer由系统控制读取操作&#xff0c;收到消息后自动调用传入的处理方法来处理设置好各种参数和传入处理消息的函数。系统收到后自动调用处理函数来处理消息&#xff0c;自动保存Offset&#xff0c;并加入新的消费者之后自动做负载均衡Cons…...

编程日记 2024/11/29 19:22:14