JavaScript-排序

Posted 2020-10-16 万里奔腾

一、方法

　　sort():这个是用于数组排序，里面可以传一个参数的，参数也可以是函数

　　parseInt(): 可解析一个字符串，并返回一个整数

　　reverse()：逆向排序，跟sort()是死对头

　　replace()： 用于在字符串中用一些字符替换另一些字符，或替换一个与正则表达式匹配的子串。

 

二、数组

创建数组的语法：

　　　1、　var arr=[值1,值2,值3];                     //隐式创建

　　　　　　　var arr1 = [1,3,5,7,9];
　　　　　　　document.write(arr1[2] + ‘<br>‘);

　　   2、var arr=new Array(值1,值2,值3);      //直接实例化
　　　　　　var arr2 = new Array(2,4,6,8,10);
　　　　　　document.write(arr2[3] + ‘<br>‘);

　　   3、var array=new Array(size);           //创建数组并指定长度
　　　　　　var arr3 = new Array(3);//固定数组长度为3
　　　　　　arr3[0] = 1;
　　　　　　arr3[1] = 2;
　　　　　　arr3[2] = 3;
　　　　　　document.write(arr3[2] + ‘<br>‘);

 

！！！ - CSS

<input type="button" value="排序" id="btn"/>
　　<ul id="ul">
　　　　<li>5</li>
　　　　<li>1</li>
　　　　<li>4</li>
　　　　<li>2</li>
　　</ul>

 

！！！- JS

window.onload=function()
{
　　var ul=document.getElementById(‘ul‘);
　　var li=ul.getElementsByTagName(‘li‘);
　　var btn=document.getElementById(‘btn‘);

　　var arr=[];

　　btn.onclick=function()
　　{
　　　　for(var i=0;i<li.length;i++)
　　　　{
　　　　　　arr[i]=li[i];
　　　　}
　　　　arr.sort(function (li1, li2){
　　　　　　var n1=parseInt(li1.innerhtml);
　　　　　　var n2=parseInt(li2.innerHTML);
　　　　　　return n1-n2;
　　　　});
　　　　arr.sort();
　　　　for(var i=0;i<arr.length;i++)
　　　　{
　　　　　　ul.appendChild(arr[i]);
　　　　}
　　}
}

结果就会是1、2、4、5

 

但如果是字母的话就不行了。

是字母的话，就要这样

　　arr.sort()