sort()方法主要是用于对数组进行排序,默认情况下该方法是将数组元素转换成字符串,然后按照ASC码进行排序,这个大家都能理解,但如果数组元素是一个Object呢,转不了字符串,难道不能进行排序?答案当然是否定的,那么我们就来详细探讨下sort()方法的使用。

语法:arrayObject.sort(sortby);参数sortby可选。规定排序顺序。必须是函数。

sort() 方法用于对数组的元素进行排序。如果调用该方法时没有使用参数,将按字母顺序对数组中的元素进行排序,说得更精确点,是按照字符编码的顺序进行排序。要实现这一点,首先应把数组的元素都转换成字符串(如有必要),以便进行比较。如果想按照其他标准进行排序,就需要提供比较函数,该函数要比较两个值,然后返回一个用于说明这两个值的相对顺序的数字。

比较函数应该具有两个参数 a 和 b,其返回值如下:

 若 a 小于 b,在排序后的数组中 a 应该出现在 b 之前,则返回一个小于 0 的值。

 若 a 等于 b,则返回 0。

 若 a 大于 b,则返回一个大于 0 的值。

用js中的sort()方法排序数字

<script>
var arr = [23,12,1,34,116,8,18,37,56,50];
alert(arr.sort();
</script>

返回:[1, 116, 12, 18, 23, 34, 37, 50, 56, 8]

上面的代码没有按照数值的大小对数字进行排序,要实现这一点,就必须使用一个排序函数:

<script>
var arr = [23,12,1,34,116,8,18,37,56,50];
function sequence(a,b){
if (a>b) {
return 1;
}else if(a<b){
return -1
}else{
return 0;
}
}
console.log(arr.sort(sequence));
</script>

返回:[1, 8, 12, 18, 23, 34, 37, 50, 56, 116] (没有问题)

当然也可以把排序函数写到sort()方法里面:

<script>
var arr = [23,12,1,34,116,8,18,37,56,50];
var arr2 = arr.sort(function(a,b){
if (a>b) {
return 1;
}else if(a<b){
return -1
}else{
return 0;
}
})
console.log(arr2);
</script>

返回:[1, 8, 12, 18, 23, 34, 37, 50, 56, 116] (也没有问题)

也可以简化成这样的写法:
因为:若 a 小于 b,在排序后的数组中 a 应该出现在 b 之前,则返回一个小于 0 的值。

若 a 等于 b,则返回 0。

若 a 大于 b,则返回一个大于 0 的值,类似于冒泡排序法。

<script>
var arr = [23,12,1,34,116,8,18,37,56,50];
function sequence(a,b){
return a - b;
}
console.log(arr.sort(sequence));
</script>

返回:[1, 8, 12, 18, 23, 34, 37, 50, 56, 116] (也是正确的)。

原理解析:

<script type="text/javascript">
function sortNumber(a,b){return a - b}
var arr = new Array(3)
arr[0] = "10";
arr[1] = "5";
arr[2] = "4";
document.write(arr + "<br />");
document.write(arr.sort(sortNumber));
</script>

原本是10,5,4的排列就会变成4,5,10.这里说明一下这个过程,明明sortNumber应该是有两个参数,但是我们在调用时却一个参数都没有,怎么进行比较啊?这里是这样的,当arr从第一个数开始调用sort时,10前面是没有数与它比较的,所以就到第二个,就是5,这时10就会与5比较,于是就会调用sortNumber并将10和5传进去,这是sort()的特性。

关系字母顺序进行排序 就简单多了,直接用sort()方法就OK了:

<script>
var arr = ['fanda','banner','find','zoom','index','width','javascript'];
console.log(arr.sort());
</script>

返回:["banner", "fanda", "find", "index", "javascript", "width", "zoom"]

最新文章

  1. signalr服务端-基础搭建
  2. Android学习日记
  3. padding与margin的区别
  4. stm32 加入 USE_STDPERIPH_DRIVER、STM32F10X_HD的原因
  5. NULL指针 Void* 和野指针
  6. b+树 b-树的区别
  7. MVC通俗演义系列开篇
  8. L2-001. 紧急救援
  9. 虚拟机安装linux系统不能上网解决方法
  10. Eureka与ZooKeeper 的比较(转)
  11. 使用自定义RadioButton和ViewPager实现TabHost效果和带滑动的页卡效果
  12. centos安装jdk1.7.80的rpm包
  13. cv程序员的日常_1
  14. iOS 9应用开发教程之显示编辑文本标签文本框
  15. 黄聪:C#多线程教程(1):BeginInvoke和EndInvoke方法,解决主线程延时Thread.sleep柱塞问题(转)
  16. Node.js 部署到 CentOs
  17. oracle查询时间
  18. Java Iterable类
  19. 私有npm下载资源
  20. jq:正则表达式

热门文章

  1. tess4j 注意事项
  2. UNIX SHELL基础知识总结(二)
  3. XNA 中3D模型的显示
  4. C# GridView 导出Excel表
  5. Express4.10.2开发框架中默认app.js的代码注释
  6. Silverlight &amp; Blend动画设计系列六:动画技巧(Animation Techniques)之对象与路径转化、波感特效
  7. 一个骚气的前端JS代码生成网站
  8. 改造一个JS插件的过程记录
  9. Java - 深拷贝技巧
  10. visual studio 安装与sqlserver 安装