码迷,mamicode.com
首页 > Web开发 > 详细

js-2018-11-09 关于Array中的srot()方法和compare()方法

时间:2018-11-09 22:04:26      阅读:225      评论:0      收藏:0      [点我收藏+]

标签:func   ascii码   等于   转型   compare   eof   创建   strong   顺序   

Array中的srot()方法

  sort()方法是用来重排序的方法。在默认情况下,sort()方法按升序排列数组项----即最小的值位于最前面,最大的值排在最后面。

  我们看看官方是怎么说的:

  arrayObj.srot(sortFunction)

参数

  arrayObj

  必选项。任意Array对象

  sortFunction

  可选项。是用来确定元素顺序的函数的名称。如果这个参数被省略,那么元素将按照ASCII字符串进行升序排列。

说明

  sort()方法将Array对象进行适当的排序,在执行过程中并不会创建新的Array对象。

  如果sort()方法里传入的是函数,那么数组就会根据传入的函数排列,该函数必须返回下列值之一:

  • 如果所传递的第一个参数比第二个参数小,则返回负值。
  • 如果第一个参数比第二个参数大,则返回正值。
  • 如果两个参数相等,则返回0。

 

1 var values = [0, 1, 5, 10, 15];
2 values.sort();  //调用sort()方法
3 console.log(values);  //0, 1, 10, 15, 5

 

  如上,在字符串比较时 ”10” 位于 “5” 的前面,于是输出结果10 在5 的前面。sort()方法会调用每个数组项的toString()转型方法(即把要排序的内容转化为string),然后按照字符串的第一位(从右到左)的ASCII码先后顺序进行比较,以确定如何排序。即使数组中的每一项都是数值,sort()方法比较的也是字符串。

所以说,sort()方法这种排序方式在很多情况下都不是最佳方案。因此sort()方法可以接收一个比较函数作为参数,以便避免上面这种结果。

 

 

 1 /*compare函数*/
 2         function compare(value1, value2) {
 3             //return value1 - value2;
 4             if(value1 < value2) {
 5                 return -1;
 6             } else if(value1 > value2) {
 7                 return 1;
 8             } else {
 9                 return 0;
10             }
11         }
12             
13         var values = [0, 1, 10, 15, 5];
14         values.sort(compare);  //values调用sort()方法,然后传入并引用compare函数,然后返回compare的参数(负值,正值,0)。
15         console.log(values);  //0, 1, 5, 10, 15

 

  如上,比较函数compare接收数组values的两个参数,value1 < value2 则返回 -1;value1 > value2 则返回 1;反之则返回 0;

 

对于数值类型或者其valueOf()方法会返回数值类型的对象类型,也可以把比较函数compare简单化,如下

1 function compare(value1, value2){
2     return value2 - value1;
3 }

  由于比较函数是通过返回一个小于零、等于零或大于零的值来影响排序结果,因此减法操作就可以适当处理所有这些情况。

 

小结

  1. sort()方法单独引用并不稳定和严谨,所以sort()方法可以返回一个比较函数来作为参数。

  2. 在sort()方法引用比较函数时,必须满足返回三个数值(负值,正值,零)。

  3. 日常打卡(1/1)

js-2018-11-09 关于Array中的srot()方法和compare()方法

标签:func   ascii码   等于   转型   compare   eof   创建   strong   顺序   

原文地址:https://www.cnblogs.com/xiaobaoblogs/p/9937362.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!