数组处理方法之sort()

本文详细解析了JavaScript中数组的sort方法,包括无参数时的默认排序行为,以及如何通过提供比较函数实现自定义排序逻辑,如升序和降序排列。

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

1、使用语法

arrayObject.sort(sortby)

说明:sortby为参数,可选。参数是数组排序的规则,必须是函数

如果调用该方法时没有使用参数,是按照字符编码的顺序进行升序排序(如有必要,首先应把数组的元素都转换成字符串,以便进行比较。

如果想按照其他标准进行排序,就需要提供比较函数,该函数要比较两个值,然后返回一个用于说明这两个值的相对顺序的数字。比较函数应该具有两个参数 a 和 b,其返回值如下:
若 a 小于 b,在排序后的数组中 a 应该出现在 b 之前,则返回一个小于 0 的值。
若 a 等于 b,则返回 0。
若 a 大于 b,则返回一个大于 0 的值。
返回值小于0,参数 a 和 b互换位置;返回值不小于0,参数 a 和 b不互换位置。
请注意,数组使用该方法是在原数组上进行排序,不生成副本。

2、代码演示

无参数:默认升序排序
let arr = [1,3,6,4,7];
let arrSort1 = arr.sort();
console.log(arrSort1);//打印结果:[1,3,4,6,7]
console.log(arr);//打印结果:[1,3,4,6,7]
console.log(arrSort1 === arr);//打印结果:true
代码演示
有参数:可设置升序或降序排序
①升序排序
let arr = [1,3,6,4,7];
let arrSort1 = arr.sort((a,b)=>{
if(a>b){
return 1;
}else if(a === b){
return 0
}else{
return -1
}
});
console.log(arrSort1);//打印结果:[1,3,4,6,7]
console.log(arr);//打印结果:[1,3,4,6,7]
console.log(arrSort1 === arr);//打印结果:true

升序排序
②降序排序
let arr = [1,3,6,4,7];
let arrSort1 = arr.sort((a,b)=>{
if(a>b){
return -1;
}else if(a === b){
return 0
}else{
return 1
}
});
console.log(arrSort1);//打印结果:[7,6,4,3,1]
console.log(arr);//打印结果:[7,6,4,3,1]
console.log(arrSort1 === arr);//打印结果:true
降序排序
总结:sort(sortby)用于数组排序,参数sortby为可选,sortby参数为函数,函数里是判断的逻辑,这个函数有两个参数a、b(a、b是数组的两个相邻元素,a是后面一个元素,b是前面一个元素)用于判断并最终返回一个值,返回值小于0,参数 a 和 b互换位置;返回值不小于0,参数 a 和 b不互换位置。

### JavaScript 中用于处理数组方法 以下是 JavaScript 中常用的数组操作方法及其功能描述: #### 添加/删除元素 - **push()**: 向数组的末尾添加一个或多个元素,并返回新长度。此方法会改变原始数组[^1]。 ```javascript let arr = [1, 2, 3]; arr.push(4); // 结果: [1, 2, 3, 4] ``` - **pop()**: 删除数组最后一个元素并返回该元素,同时修改原数组[^2]。 ```javascript let arr = [1, 2, 3]; arr.pop(); // 返回 3,结果: [1, 2] ``` - **shift()**: 移除数组的第一个元素并将其他元素向前移动一位,同时返回被移除的元素。 ```javascript let arr = [1, 2, 3]; arr.shift(); // 返回 1,结果: [2, 3] ``` - **unshift()**: 在数组开头添加一个或多个元素,并返回新的数组长度。 ```javascript let arr = [2, 3]; arr.unshift(1); // 结果: [1, 2, 3] ``` #### 遍历与映射 - **forEach()**: 对数组中的每个元素执行一次回调函数,不返回任何值(undefined),不影响原数组[^3]。 ```javascript const arr18 = [1, 2, 3]; arr18.forEach((value, index, array) => { console.log(value, index, array); }); // 输出: // 1 0 [1, 2, 3] // 2 1 [1, 2, 3] // 3 2 [1, 2, 3] ``` - **map()**: 创建一个新数组,其结果是对调用数组中的每个元素依次调用提供函数的结果。 ```javascript let arr = [1, 2, 3]; let newArr = arr.map(x => x * 2); // 新数组: [2, 4, 6] ``` #### 过滤与查找 - **filter()**: 创建一个包含所有通过测试的新数组。 ```javascript let arr = [1, 2, 3, 4]; let filteredArr = arr.filter(x => x > 2); // 结果: [3, 4] ``` - **find()**: 返回满足条件的第一个元素;如果没有找到,则返回 undefined。 ```javascript let arr = [5, 12, 8, 130, 44]; let found = arr.find(element => element > 10); // 找到第一个大于10的数:12 ``` #### 排序与反转 - **sort()**: 将数组按特定顺序排列,默认升序字符串比较。 ```javascript let numbers = [1, 30, 4, 21]; numbers.sort((a, b) => a - b); // 正确排序后的数组: [1, 4, 21, 30] ``` - **reverse()**: 反转数组项的顺序。 ```javascript let fruits = ['banana', 'orange', 'apple']; fruits.reverse(); // ["apple", "orange", "banana"] ``` #### 转换与其他操作 - **join()**: 把数组的所有元素放入一个字符串中,元素之间可以指定分隔符。 ```javascript let elements = ['Fire', 'Air', 'Water']; console.log(elements.join()); // Fire,Air,Water console.log(elements.join('')); // FireAirWater console.log(elements.join('-')); // Fire-Air-Water ``` - **slice()**: 提取部分数组创建一个新的数组对象。 ```javascript let animals = ['ant', 'bison', 'camel', 'duck', 'elephant']; console.log(animals.slice(2)); // ["camel", "duck", "elephant"] ```
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值