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

本文介绍了JavaScript中数组(Array)的排序(sort)方法的使用注意事项,包括sort方法如何影响原数组、默认排序规则及如何自定义排序规则等内容。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

原文地址为: js中数组(Array)的排序(sort)注意事项

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

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字母顺序排序的,而非我们认为是按数字大小排序

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

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

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

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

 

结论:

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

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

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


转载请注明本文地址: js中数组(Array)的排序(sort)注意事项
### 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 编码点进行排序。 - 自定义比较函数允许开发者灵活控制排序行为,适用于各种复杂的数据结构和需求。
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值