iis服务器助手广告广告
返回顶部
首页 > 资讯 > 前端开发 > html >JavaScript中的Array对象排序方法介绍
  • 528
分享到

JavaScript中的Array对象排序方法介绍

2024-04-02 19:04:59 528人浏览 安东尼
摘要

这篇文章主要介绍“javascript中的Array对象排序方法介绍”,在日常操作中,相信很多人在JavaScript中的Array对象排序方法介绍问题上存在疑惑,小编查阅了各式资料,整理出简单好用的操作方

这篇文章主要介绍“javascript中的Array对象排序方法介绍”,在日常操作中,相信很多人在JavaScript中的Array对象排序方法介绍问题上存在疑惑,小编查阅了各式资料,整理出简单好用的操作方法,希望对大家解答”JavaScript中的Array对象排序方法介绍”的疑惑有所帮助!接下来,请跟着小编一起来学习吧!

JavaScript中的Array对象有自己的排序方法sort(),对数组中的数据项进行排序,但是有时候排序结果不尽如人意,比如

var arr = [12, 1, 2, 21, 3];
arr.sort();
alert(arr);   得到的结果为 1,12,2,21,3

这是为什么呢?因为JavaScript中的排序默认按照ascii字符代码进行排序,也就是说,数字也是按照它们的字符串形式排序的。

var strArr = ['a', '2', 'a2', '2a', 'b', '3'];
alert(strArr.sort());

这个得到什么结果呢? 2,2a,3,a,a2,b


因为 数字的ascii码比字母的小,所以数字排在前面,字母排在后面。

如果想继续让上面的数组arr按照数字进行排序,怎么处理呢?

JavaScript给我们提供了一个入口,可以给sort() 方法传递一个参数,即比较函数,来告诉排序算法值与值之间是大于、小于还是等于关系。

比较函数是有着特定算法的函数。

function compare_fn(value1, value2) {
 if (value1 < value2) {
 return -1;
 } else if (value1 > value2) {
 return 1;
 } else {
 return 0;
 }
}

将比较函数 compare_fn 传递给sort,再进行排序,然后输出

arr.sort(compare_fn);
alert(arr);  得到 1, 2, 3, 12, 21

JavaScript中Array对象的sort方法返回值的定义为

负值 : 如果所传递的第一个参数比第二个参数小

零 : 两个值相等

正值 : 如果第一个参数比第二个参数大


上面的比较函数还可以简写为

function compare_fn(value1, value2) {
 return value1 - value2;
}

这个比较的为升序排列


如果想降序排列,直接改变上面的返回值的符号就可以了,给所有返回均取反。

对简写的比较函数就是

function compare_fn(value1, value2) {
 return -(value1 - value2);
}

function compare_fn(value1, value2) {
 return value2 - value1;
}

简单的记法就是:顺序升;逆序降。

到此,关于“JavaScript中的Array对象排序方法介绍”的学习就结束了,希望能够解决大家的疑惑。理论与实践的搭配能更好的帮助大家学习,快去试试吧!若想继续学习更多相关知识,请继续关注编程网网站,小编会继续努力为大家带来更多实用的文章!

--结束END--

本文标题: JavaScript中的Array对象排序方法介绍

本文链接: https://www.lsjlt.com/news/78577.html(转载时请注明来源链接)

有问题或投稿请发送至: 邮箱/279061341@qq.com    QQ/279061341

本篇文章演示代码以及资料文档资料下载

下载Word文档到电脑,方便收藏和打印~

下载Word文档
猜你喜欢
  • JavaScript中的Array对象排序方法介绍
    这篇文章主要介绍“JavaScript中的Array对象排序方法介绍”,在日常操作中,相信很多人在JavaScript中的Array对象排序方法介绍问题上存在疑惑,小编查阅了各式资料,整理出简单好用的操作方...
    99+
    2024-04-02
  • javascript中排序算法的详细介绍
    这篇文章给大家分享的是有关javascript中排序算法的详细介绍的内容。小编觉得挺实用的,因此分享给大家做个参考,一起跟随小编过来看看吧。排序算法是面试中的高频考察点,我们需要熟练掌握。本文整理了最经典、最常用的排序算法并且搭配了动图和视...
    99+
    2023-06-14
  • JavaScript中的内置对象介绍
    一、对象的概念 对象是一种特殊的数据类型(object)。拥有一系列的属性和方法。分为内置对象和自定义对象。 二、String对象 String对象用来支持对于字符串的处理。 1、属...
    99+
    2024-04-02
  • javascript中的Array对象(数组的合并、转换、迭代、排序、堆栈)
    目录创建数组和数组检测1、使用Array构造函数 创建数组。2、使用 数组字面量法 创建数组3、检测数组数组转换队列和栈合并&拼接conca&#...
    99+
    2023-03-13
    数组合并 数组转换 数组迭代 数组排序 数组堆栈
  • JavaScript中好用的数组对象排序方法分享
    目录简单的排序方法实现多重排序具有通用性的排序方法使用 Lodash 库结论在日常工作中,我们经常需要对数组对象进行排序。尤其是在处理数据可视化需求中,根据不同的数值维度进行排序是必...
    99+
    2023-05-19
    JavaScript数组对象排序方法 JavaScript数组对象排序 JavaScript排序
  • JavaScript中Array对象基本方法的示例分析
    这篇文章主要为大家展示了“JavaScript中Array对象基本方法的示例分析”,内容简而易懂,条理清晰,希望能够帮助大家解决疑惑,下面让小编带领大家一起研究并学习一下“JavaScript中Array对...
    99+
    2024-04-02
  • javascript Number 与 Math对象的介绍
    目录一、javascript 中 Number二、Javascript中Math对象一、javascript 中 Number javascript 中,数值类型属于原始类型。 除了...
    99+
    2024-04-02
  • Array数组对象中的forEach、map、filter及reduce的参数介绍和用法
    本篇内容介绍了“Array数组对象中的forEach、map、filter及reduce的参数介绍和用法”的有关知识,在实际案例的操作过程中,不少人都会遇到这样的困境,接下来就让小编带领大家学习一下如何处理...
    99+
    2024-04-02
  • javascript中内置对象Math的介绍及用法案例
    目录前言Math概述Math中常用函数的用法1.绝对值方法2.三个取整方法3.求最大值/最小值4.随机数结语前言 今天总结一下javascript 内置对象Math中的函数用法,顺带...
    99+
    2024-04-02
  • JS中Array对象的用法
    这篇文章主要介绍“JS中Array对象的用法”,在日常操作中,相信很多人在JS中Array对象的用法问题上存在疑惑,小编查阅了各式资料,整理出简单好用的操作方法,希望对大家解答”JS中Array对象的用法”...
    99+
    2024-04-02
  • js的math对象方法实例介绍
    本篇内容主要讲解“js的math对象方法实例介绍”,感兴趣的朋友不妨来看看。本文介绍的方法操作简单快捷,实用性强。下面就让小编来带大家学习“js的math对象方法实例介绍”吧!Math对象方法//返回最大值...
    99+
    2024-04-02
  • javascript中的Array对象怎么使用
    本文小编为大家详细介绍“javascript中的Array对象怎么使用”,内容详细,步骤清晰,细节处理妥当,希望这篇“javascript中的Array对象怎么使用”文章能帮助大家解决疑惑,下面跟着小编的思路慢慢深入,一起来学习新知识吧。创...
    99+
    2023-07-05
  • 介绍java中的常见排序算法
    Java中的排序算法主要包括以下几种: 冒泡排序(Bubble Sort)选择排序(Selection Sort)插入排序(Insertion Sort)快速排序(Quick Sort)归并排序(Merge Sort)堆排序(Heap So...
    99+
    2023-10-26
    算法 排序算法 数据结构 java 笔记 学习
  • javascript中数组排序与对象排序的示例分析
    这篇文章将为大家详细讲解有关javascript中数组排序与对象排序的示例分析,小编觉得挺实用的,因此分享给大家做个参考,希望大家阅读完这篇文章后可以有所收获。javascript  数组排序与对...
    99+
    2024-04-02
  • Vue中的event对象介绍
    一、什么是event对象 event对象:代表的是事件的状态。比如获取当前的元素:e.Target。 二、事件冒泡 什么是事件冒泡呢?百度百科的解释如下: 当事件发生后,这个事件就要...
    99+
    2024-04-02
  • ASP.NETCore中的对象池介绍
    asp.net core中通过扩展库的方式提供给了一个标准的对象池ObjectPool,定义在Microsoft.Extensions.ObjectPool.dll 程序集中。它本身...
    99+
    2024-04-02
  • 关于python的对象序列化介绍
    对象:是抽象的概念 如列表 元组 字典 集合 皆为对象 序列化:一种方法。目的:把对象存储在磁盘上(即,将对象转换为字节数据/字符数据)。 这一过程我们借助序列化这一方法实现。 为什...
    99+
    2024-04-02
  • JavaScript中怎么对对象数组进行排序
    这期内容当中小编将会给大家带来有关JavaScript中怎么对对象数组进行排序,文章内容丰富且以专业的角度为大家分析和叙述,阅读完这篇文章希望大家可以有所收获。基本数组排序默认情况下,Array.sort函...
    99+
    2024-04-02
  • PHP5.0对象模型的属性和方法介绍
    本篇内容主要讲解“PHP5.0对象模型的属性和方法介绍”,感兴趣的朋友不妨来看看。本文介绍的方法操作简单快捷,实用性强。下面就让小编来带大家学习“PHP5.0对象模型的属性和方法介绍”吧!今天我们向大家介绍的是关于PHP5.0对象模型的属性...
    99+
    2023-06-17
  • Golang排序和查找使用方法介绍
    目录排序的介绍交换式排序法二维数组的介绍二维数组的应用场景二维数组快速入门二维数组的使用排序的介绍 排序是将一组数据,依指定的顺序进行排列的过程。 排序的分类: 1.内部排序: 指将...
    99+
    2022-12-16
    Golang排序和查找 Golang查找 Golang排序
软考高级职称资格查询
推荐阅读
编程网,编程工程师的家园,是目前国内优秀的开源技术社区之一,形成了由开源软件库、代码分享、资讯、协作翻译、讨论区和博客等几大频道内容,为IT开发者提供了一个发现、使用、并交流开源技术的平台。
  • 官方手机版

  • 微信公众号

  • 商务合作