您的位置:首页 > Web前端 > JavaScript

JavaScript-排序

2020-03-28 20:12 816 查看

一、方法

  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.οnlοad=function()
{
  var ul=document.getElementById('ul');
  var li=ul.getElementsByTagName('li');
  var btn=document.getElementById('btn');

  var arr=[];

  btn.οnclick=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()

 

转载于:https://www.cnblogs.com/xiaoyangtian/p/7944971.html

  • 点赞
  • 收藏
  • 分享
  • 文章举报
anhu8321 发布了0 篇原创文章 · 获赞 0 · 访问量 162 私信 关注
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: