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!