码迷,mamicode.com
首页 > 编程语言 > 详细

JavaScript-排序

时间:2017-12-02 11:30:46      阅读:145      评论:0      收藏:0      [点我收藏+]

标签:语法   replace   正则   asc   ntb   结果   elements   int   死对头   

一、方法

  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()

 

JavaScript-排序

标签:语法   replace   正则   asc   ntb   结果   elements   int   死对头   

原文地址:http://www.cnblogs.com/xiaoyangtian/p/7944971.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!