JavaScript中数组的sort排序函数和splice函数

来源：互联网发布：行业数据查询编辑：程序博客网时间：2024/05/21 15:03

原文链接：http://www.jb51.net/article/71717.htm

http://www.jb51.net/article/33306.htm

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] (也是正确的)

如果是按照从大到小的顺序排序，则变成（b-a）。

我这样理解：a-b：第一个参数（a）小于第二个参数（b）时，这时第一个参数（a）在第二个参数（b）的前面，函数返回-1（不交换）；第一个参数（a）大于第二个参数（b）时，这时第二个参数（b）在第一个参数（a）的前面，函数返回1（交换）；

b-a：参数b小于参数a时，这时第一个参数（a）在第二个参数（b）的前面，函数返回-1（不交换）；参数b大于参数a时，这时第一个参数（a）在第二个参数（b）的后面，函数返回1（交换）。

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

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

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

下面一个字符串数字的例子：

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

要注意的就是：如果要字符串按照数字来排序，就要写出明确的排序函数（要写成a-b的形式，不能自己比较（if(a>b) return 1; if(a<b) return -1; return 0;）），否则会按照字符形式比较;相反，如果要按照自定义比较器（a-b）的形式比较，则比较结果对于字符串无效。

下面说一下splice函数：

处理数组的方法很多，javascript splice()算是最强大的了，它可以用于插入、删除或替换数组的元素。下面来一一介绍！ 

删除-用于删除元素，两个参数，第一个参数（要删除第一项的位置），第二个参数（要删除的项数） 
插入-向数组指定位置插入任意项元素。三个参数，第一个参数（其实位置），第二个参数（0），第三个参数（插入的项） 
替换-向数组指定位置插入任意项元素，同时删除任意数量的项，三个参数。第一个参数（起始位置），第二个参数（删除的项数），第三个参数（插入任意数量的项） 

var lang = ["php","java","javascript"]; //删除 var removed = lang.splice(1,1); alert(lang); //php,javascript alert(removed); //java ,返回删除的项 //插入 var insert = lang.splice(0,0,"asp"); //从第0个位置开始插入 alert(insert); //返回空数组 alert(lang); //asp,php,javascript //替换 var replace = lang.splice(1,1,"c#","ruby"); //删除一项，插入两项 alert(lang); //asp,c#,ruby,javascriptalert(replace); //php,返回删除的项

阅读全文

0 0