jquery数组(排序)

sort();

html:

<h3>字符串数组排序前</h3>

<div id="show1"></div>
<h3>排序后</h3>

<div id="show2"></div>
  • 1
  • 2
  • 3
  • 4
  • 5
  • 6
  • 1
  • 2
  • 3
  • 4
  • 5
  • 6

js:

$(function(){
            var mm = ['dog','cat','tiger','pig','bird'];
            $('#show1').html(mm.join("<br>"));

            mm = mm.sort();
            $('#show2').html(mm.join("<br>"));
        });
  • 1
  • 2
  • 3
  • 4
  • 5
  • 6
  • 7
  • 1
  • 2
  • 3
  • 4
  • 5
  • 6
  • 7

结果:

字符串数组排序前

dog
cat
tiger
pig
bird

排序后

bird
cat
dog
pig
tiger
  • 1
  • 2
  • 3
  • 4
  • 5
  • 6
  • 7
  • 8
  • 9
  • 10
  • 11
  • 12
  • 13
  • 14
  • 15
  • 1
  • 2
  • 3
  • 4
  • 5
  • 6
  • 7
  • 8
  • 9
  • 10
  • 11
  • 12
  • 13
  • 14
  • 15

js换成数字:

var nums = ['12','2','5','36','4'];
            $('#show1').html(nums.join('<br/>'));

            nums = nums.sort();
            $('#show2').html(nums.join('<br/>'));
  • 1
  • 2
  • 3
  • 4
  • 5
  • 1
  • 2
  • 3
  • 4
  • 5

结果:

字符串数组排序前

12
2
5
36
4

排序后

12
2
36
4
5
  • 1
  • 2
  • 3
  • 4
  • 5
  • 6
  • 7
  • 8
  • 9
  • 10
  • 11
  • 12
  • 13
  • 14
  • 15
  • 1
  • 2
  • 3
  • 4
  • 5
  • 6
  • 7
  • 8
  • 9
  • 10
  • 11
  • 12
  • 13
  • 14
  • 15

这个不是理想的结果,解决:

var nums = ['12','2','5','36','4'];
            $('#show1').html(nums.join('<br/>'));
            nums = nums.sort(function(a,b){
                return a-b;
            });
            $('#show2').html(nums.join('<br/>'));
  • 1
  • 2
  • 3
  • 4
  • 5
  • 6
  • 1
  • 2
  • 3
  • 4
  • 5
  • 6

结果:

字符串数组排序前

12
2
5
36
4

排序后

2
4
5
12
36
  • 1
  • 2
  • 3
  • 4
  • 5
  • 6
  • 7
  • 8
  • 9
  • 10
  • 11
  • 12
  • 13
  • 14
  • 15
  • 1
  • 2
  • 3
  • 4
  • 5
  • 6
  • 7
  • 8
  • 9
  • 10
  • 11
  • 12
  • 13
  • 14
  • 15

知识点:

sort(function(a,b){return a-b;})对传入的一对值进行比较,然后返回的的值为:小于0,大于0,等于0;(大于0交换位置,反之则不)

  • 当小于0时,说明b>a,故b的排序靠后(即不变).

  • 当大于0时,说明a>b,故a的排序靠后.

  • 当等于0时,说明a=b,故不改变排序.

如果对数值数组的值进行降序排序。那么只要把返回的值改为b-a!

posted @ 2016-12-14 16:13  疯子110  阅读(7760)  评论(0编辑  收藏  举报