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

原文链接: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()算是最强大的了,它可以用于插入、删除或替换数组的元素。下面来一一介绍! 

1.删除-用于删除元素,两个参数,第一个参数(要删除第一项的位置),第二个参数(要删除的项数) 
2.插入-向数组指定位置插入任意项元素。三个参数,第一个参数(其实位置),第二个参数(0),第三个参数(插入的项) 
3.替换-向数组指定位置插入任意项元素,同时删除任意数量的项,三个参数。第一个参数(起始位置),第二个参数(删除的项数),第三个参数(插入任意数量的项) 

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,javascript
alert(replace); //php,返回删除的项 



评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值