数组方法之----reverse() 和 sort()

本文详细介绍了JavaScript中数组的sort()和reverse()方法。sort()方法用于对数组元素进行排序,默认情况下它会将所有元素转换为字符串并按字母顺序排序,这可能导致数值排序不正确。为了解决这个问题,可以通过传递一个比较函数来指定排序规则。reverse()方法用于反转数组中的元素顺序。

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

1、reverse();

reverse()方法会反转数组项的顺序。
     例如: var values = [1,2,3,6,7];
            values.reverse();
            console.log(values)  // [7,6,3,2,1];

2、sort();

默认情况下,sort()方法按升序排列数组项-----即最小的值位于最前面,最大的值排列在最后面。为了实现排列,sort()方法会调用每个数组项的toString()转型方法,然后比较得到的字符串,以确定如何排序。即使数组中的每一项都是数组,sort()方法比较的也是字符串,如下:

var values = [0,1,5,10,15];
values.sort();
console.log(values)  //  [0,1,10,15,5];

    由此可以看出sort()方法会根据测试字符串的结果改变远离爱的顺序。虽然数组5小于10,但在进行字符串比较时,"10"则位于"5"的前面,于是数组的顺序就会被修改。但是结果又不是我们想要的,因此这样排序方法在很多情况下都不是最佳方案。可以在sort()方法中加入一个比较函数作为参数,以便我们制定哪个值位于哪个值的前面。方法如下:
 function compare(x1,x2){
    if(x1 < x2){
        return -1; 
    }else if(x1 > x2){
        return 1; 
    }else{
        return 0; 
    }   
 }

var  values = [0,1,5,10,15];
values.sort(compare);
console.log(values) ; // [0,1,5,10,15];

在将比较函数传递到sort()方法之后,数值保持了正确的升序,如果想要产生降序排序的结果,只要交换比较函数返回的值即可。当然还可以采用升序之后,进行数组反转reverse();
function compare(x1,x2){
    if(x1 < x2){
        return 1; 
    }else if(x1 > x2){
        return -1;
    }else{
        return 0; 
    }   
 }

对于数值类型或者其valueof()方法会返回数值类型的对象类型,可以使用一个更简单的比较函数,这个只要用第二个值减第一个值即可。

    function compare(x1,x2){
        return x1 - x2; 
    }
当 x1 - x2 > 0 时,升序排列;
当 x1 — x2 < 0 时,降序排列;
JavaScript数组有很多内置方法,可以操作处理数据。以下是JavaScript数组的所有方法列表: 1. `concat()` - 连接两个或多个数组。 2. `copyWithin()` -数组内部将一段元素拷贝到另一个位置。 3. `entries()` - 返回一个迭代器对象,可以遍历数组所有的键值对。 4. `every()` - 检查数组中的所有元素是否满足一个条件。 5. `fill()` - 用静态值填充一个数组中的所有元素。 6. `filter()` - 通过指定条件过滤出符合条件的数组元素。 7. `find()` - 返回找到的第一个元素,满足条件。 8. `findIndex()` - 返回目标元素索引,满足条件。 9. `forEach()` - 遍历数组,对每个元素执行指定的操作。 10. `includes()` - 判断数组是否包含指定元素。 11. `indexOf()` - 返回指定元素第一个出现的位置索引。 12. `join()` - 连接数组元素,返回字符串。 13. `keys()` - 返回一个迭代器对象,可以遍历数组的键。 14. `lastIndexOf()` - 返回指定元素最后一次出现的位置索引。 15. `map()` - 遍历数组,对每个元素执行指定的操作,将结果放入新数组。 16. `pop()` - 删除数组最后一个元素。 17. `push()` -数组末尾添加一个或多个元素。 18. `reduce()` -数组中的每个元素执行指定的操作,累积计算并返回最终结果。 19. `reduceRight()` - 与reduce()方法类似,不过是从右到左遍历数组。 20. `reverse()` - 反转数组元素的顺序。 21. `shift()` - 删除数组的第一个元素。 22. `slice()` - 截取数组元素,返回新数组。 23. `some()` - 检查数组中是否存在至少一个元素满足一个条件。 24. `sort()` - 排序数组元素。 25. `splice()` - 删除、插入或替换数组中的元素。 26. `toString()` -数组转换成字符串。 27. `unshift()` -数组的开头添加一个或多个元素。 28. `valueOf()` - 返回数组本身。 以上方法中,有些方法会改变原数组,有些方法则不会。需要注意使用时,避免产生错误。
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值