js中数组(Array)的排序(sort)注意事项说明

JavaScript数组排序注意事项与实操
最新推荐文章于 2022-11-16 10:07:58 发布
转载 最新推荐文章于 2022-11-16 10:07:58 发布 · 3.1k 阅读 · 0

本文详细介绍了JavaScript中数组排序方法sort的使用注意事项及代码示例，包括默认排序方式、自定义排序规则等关键点，帮助开发者正确理解并应用数组排序功能。

js中数组(Array)的排序(sort)注意事项说明

作者： 字体：[增加 减小] 类型：转载 时间：2014-01-24 我要评论

本篇文章主要是对js中数组(Array)的排序(sort)注意事项进行了说明介绍，需要的朋友可以过来参考下，希望对大家有所帮助
id="iframeu2261530_0" src="http://pos.baidu.com/dchm?sz=680x200&rdid=2261530&dc=2&di=u2261530&dri=0&dis=0&dai=1&ps=417x57&coa=at%3D3%26rsi0%3D680%26rsi1%3D200%26pat%3D6%26tn%3DbaiduCustNativeAD%26rss1%3D%2523FFFFFF%26conBW%3D1%26adp%3D1%26ptt%3D0%26titFF%3D%2525E5%2525BE%2525AE%2525E8%2525BD%2525AF%2525E9%25259B%252585%2525E9%2525BB%252591%26titFS%3D14%26rss2%3D%2523000000%26titSU%3D0%26ptbg%3D90%26piw%3D0%26pih%3D0%26ptp%3D0&dcb=BAIDU_SSP_define&dtm=BAIDU_DUP_SETJSONADSLOT&dvi=0.0&dci=-1&dpt=none&tsr=0&tpr=1461122429580&ti=js%E4%B8%AD%E6%95%B0%E7%BB%84(Array)%E7%9A%84%E6%8E%92%E5%BA%8F(sort)%E6%B3%A8%E6%84%8F%E4%BA%8B%E9%A1%B9%E8%AF%B4%E6%98%8E_javascript%E6%8A%80%E5%B7%A7_%E8%84%9A%E6%9C%AC%E4%B9%8B%E5%AE%B6&ari=1&dbv=2&drs=1&pcs=1104x503&pss=1104x423&cfv=0&cpl=4&chi=1&cce=true&cec=GBK&tlm=1459262713&ltu=http%3A%2F%2Fwww.jb51.net%2Farticle%2F46158.htm&ltr=https%3A%2F%2Fwww.baidu.com%2Flink%3Furl%3DqJbbJVsGbQbYdVAVhBLRwMyCVjzi-2bHlB8qSiuK3wMBH5xA4OPJP03gUzDN1iql%26wd%3D%26eqid%3Daf943ab700156d76000000055716f544&ecd=1&psr=1366x768&par=1366x728&pis=-1x-1&ccd=24&cja=false&cmi=6&col=zh-CN&cdo=-1&tcn=1461122430&qn=ff9a238d98767597&tt=1461122429559.25.372.376" width="680" height="200" align="center,center" vspace="0" hspace="0" marginwidth="0" marginheight="0" scrolling="no" frameborder="0" allowtransparency="true" style="display: block; border-width: 0px; border-style: initial; vertical-align: bottom; margin: 0px;">

直接看代码吧，测试结果也贴在里面了

复制代码代码如下:

var arrDemo = new Array();

 arrDemo[0] = 10;
 arrDemo[1] = 50;
 arrDemo[2] = 51;
 arrDemo[3] = 100;

 arrDemo.sort(); //调用sort方法后，数组本身会被改变，即影响原数组

 alert(arrDemo);//10,100,50,51 默认情况下sort方法是按ascii字母顺序排序的，而非我们认为是按数字大小排序

 arrDemo.sort(function(a,b){return a>b?1:-1});//从小到大排序

 alert(arrDemo);//10,50,51,100

 arrDemo.sort(function(a,b){return a<b?1:-1});//从大到小排序

 alert(arrDemo);//100,51,50,10


结论：

1.数组调用sort方法后，会影响本身(而非生成新数组)

2.sort()方法默认是按字符来排序的，所以在对数字型数组排序时，不可想当然的以为会按数字大小排序！

3.要改变默认的sort行为(即按字符排序)，可以自行指定排序规则函数(如本例所示)

您可能感兴趣的文章:
JS数组排序技巧汇总(冒泡、sort、快速、希尔等排序)
10-23
本文重点介绍了冒泡排序、sort排序、快速排序、希尔排序以及插入排序这五种排序算法，并对sort排序方法中的注意事项进行了分析。 1. 冒泡排序（Bubble Sort）： 冒泡排序是一种简单的排序算法，它重复地遍历要排序...
js中数组(Array)的排序(sort)注意事项 (转)
flyerwing的专栏
01-25 841
js中数组(Array)的排序(sort)注意事项 (转自:http://www.cnblogs.com/yjmyzz/archive/2009/10/20/1586896.html)直接看代码吧，测试结果也贴在里面了var arrDemo = new Array(); arrDemo[0] = 10; arrDemo[1] = 50; arrDemo[2] = 51; arrDemo[3]
javascript 中英文数组排序 sort结合localeCompare
weixin_30294021的博客
09-22 329
var arr = new Array(6) arr[0] = "a计划量余额"; arr[1] = "b计划发出"; arr[2] = "1计划量"; arr[3] = "强"; arr[4] = "采购倍数"; arr[5] = "计划收到"; arr[6] = "净需求"; arr[7] = "毛需求"; arr[8] = "期初库存"; arr[9] = "期末库存";...
JS 中 Array.sort 的那些事儿
weixin_34060299的博客
11-16 166
大家都知道 js 自带了一个排序方法 sort，很多时候需要排序的时候也都直接使用了 sort 方法来排序。然而有时候 sort 的结果和预期结果还是有些差异的。 看下面的代码 [1, 23, 2, 3].sort() 自然语言情况下，我们期望的 排序结果应该是 [1,2,3,23] ,然而实际结果 [1, 2, 23, 3] 。 首先我...
js中 英文中文混合排序
Brilliant Me 的博客
03-18 8007
js中 英文中文数字混合排序 问题简述： Array本身有sort方法，但是实现不了中英文混合排序。 一、Array默认的排序 Array的默认排序 sort() 方法用原地算法对数组的元素进行排序，并返回数组。默认排序顺序是在将元素转换为字符串，然后比较它们的UTF-16代码单元值序列时构建的 let chinese = ['应用','服务器','张三','蓝天','随便什么吧'] chines...
数组对象排序的JS方法
Xjiayi的博客
06-20 2218
//数组对象方法排序: function sortByKey(array,key){ return array.sort(function(a,b){ var x=a[key]; var y=b[key]; return ((x&lt;y)?-1:((x&gt;y)?1:0)); }); } ...
js中数组(Array)的排序(sort)注意事项说明.docx
01-21
综上所述，理解`sort()`方法的这些注意事项可以帮助你更有效地利用它来处理JavaScript数组，并避免可能出现的意外行为。记得在排序数字数组时始终提供比较函数，以确保正确的排序顺序。同时，了解其他数组方法也是...
js代码-JS数组排序 sort用法
07-15
`sort()`方法是JavaScript数组的一个内置方法，用于对数组元素进行排序。本文将深入探讨`sort()`方法的用法，包括基本使用、自定义比较函数以及注意事项。 ### 1. `sort()`的基本用法 `sort()`方法默认按照字母...
排序（不改变原数组）
03-10
一种利用数组的间接排序，并不是对原数组进行排序，而是利用新数组来实现。简单的说，并不是排序原来的数组，而是利用一个新数组记录原来数组的顺序，通过对新数组排序的办法，实现原数组的排序
JS sort 排序
Mr-k的博客
02-11 745
1.个位数数字排序 let arr = [1,3,4,7,2,6,5] arr.sort() 2.两位数排序 let arr = [1,11,2,3,4,5,6] arr.sort((a,b) => { return a-b }) 3.数组中含有字符,并且存在两位数进行排序 let arr = ['top0','top12','top3','top2','top10','top1'] function compare(arr){ return function(a,b){
JS中sort方法排序
Sleeping_Fairy的博客
03-16 2703
JS中sort方法排序一、数字排序(string类型)二、数字排序(string类型和number类型)三、混合排序(string、number和字母)四、函数排序五、数组对象排序 一、数字排序(string类型) var arr=['1','2','4','3']; console.log(arr.sort()); // 输出结果： ["1", "2", "3", "4"] 二、数字排序(string类型和number类型) var arr=[1,'2',7,'3']; console.log(ar
java 对象排序不生效_javascript对象排序不起作用
weixin_39683734的博客
02-16 391
我有一个正常工作的排序功能，但后来我尝试添加一个切换位(排序asc / desc)，有些东西坏了，我无法弄明白 . 在下面的代码中，sortArray是一个对象数组，sortBy是要排序的对象中的哪个项，sortDir是asc或desc . 因此，例如，如果用户想要按设计者排序，那么itemA和itemB将是a.designer和b.designer，或者我正在使用它[sortBy] b [sor...
js中数组(Array)的排序(sort)注意事项
divi
08-20 139
var arrDemo = new Array(); arrDemo[0] = 10; arrDemo[1] = 50; arrDemo[2] = 51; arrDemo[3] = 100; arrDemo.sort(); //调用sort方法后，数组本身会被改变，即影响原数组 alert(arrDemo);//10,100,50,51 默认情况下sort方法...
JS Map的排序（sort）
Lazycrazyman的博客
10-06 4275
JS Map的排序 （按key的值或按value的值）
JS Map对象排序
热门推荐
04-09 3万+
JS 中Map对象会按照元素的写入顺序来保存，有时我们想对Map中的对象进行排序应该怎么做呢？参考别人的回答这里做一个小小的总结； 假如有以下map var map=new Map(); map.set("b","8"); map.set("c","10"); map.set("a","1"); map.set("d","7"); map.set("e","3"); 现在想根据v...
JS对Map类型数据进行排序
Mozifei73的博客
11-16 1226
Map类型的数据做排序
js中数组的sort()方法排序
一入編程深似海!
08-08 6521
                                            js中数组的sort()方法排序 一.sort()方法带参和无参调用 1.sort() 方法的带参和无参调用：  sort()方法对数组元素进行排序，参数可选。返回一个数组的引用，不会创建新的数组对象而是将原数组改变成排序后的数组。 无参调用：  如果调用该方法时没有使用参数，将按字母顺序对数组中的元素...
JS数组的排序（sort方法）
weixin_57246557的博客
01-20 3万+
数组排序
js 对象数组sort排序
最新发布
03-28
### JavaScript 对象数组使用 `sort` 方法进行排序 在 JavaScript 中，可以利用 `Array.prototype.sort()` 方法对对象数组进行自定义排序。通过向 `sort()` 提供一个比较函数作为参数，可以根据对象中的特定属性来决定顺序。 以下是基于对象数组的 `sort` 方法实现的一个具体示例： #### 示例代码 假设有一个包含多个对象的数组，每个对象都有 `name` 和 `age` 属性，目标是对该数组按年龄升序排列。 ```javascript const people = [ { name: 'Alice', age: 25 }, { name: 'Bob', age: 30 }, { name: 'Charlie', age: 20 } ]; people.sort((a, b) => a.age - b.age); console.log(people); // 输出结果: // [ // { name: 'Charlie', age: 20 }, // { name: 'Alice', age: 25 }, // { name: 'Bob', age: 30 } // ] ``` 上述代码中，`sort` 的回调函数 `(a, b) => a.age - b.age` 定义了两个元素之间的比较逻辑[^1]。如果返回值小于零，则表示第一个元素应排在第二个之前；如果大于零则反之；等于零时表示两者位置不变。 对于更复杂的场景，比如需要先按某个字段降序再按另一个字段升序的情况，可以通过扩展比较逻辑完成： ```javascript const items = [ { category: 'fruit', price: 8 }, { category: 'vegetable', price: 4 }, { category: 'fruit', price: 6 }, { category: 'vegetable', price: 7 } ]; items.sort((a, b) => { if (a.category === b.category) { return a.price - b.price; // 如果类别相同，按价格升序 } else { return b.category.localeCompare(a.category); // 否则按类别降序 } }); console.log(items); // 输出结果可能如下（取决于 localeCompare 实现细节） // [ // { category: 'vegetable', price: 4 }, // { category: 'vegetable', price: 7 }, // { category: 'fruit', price: 6 }, // { category: 'fruit', price: 8 } // ] ``` 在这个例子中，首先依据 `category` 字段执行降序操作，当两者的 `category` 值相等时，进一步根据 `price` 执行升序排序[^2]。 #### 注意事项 - 默认情况下，如果没有指定比较函数，`sort()` 将会把数组项视为字符串并按照 Unicode 编码点进行排序。 - 自定义比较函数允许开发者灵活控制排序行为，适用于各种复杂的数据结构和需求。
评论
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
红包 添加红包
表情包 插入表情
表情包 代码片
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值