Array 重排序方法和操作方法的簡單實(shí)例

更新時間：2014年01月24日 09:39:37 作者：

下面小編就為大家簡單的介紹Array中reverse(),sort(),concat(),slice(),splice()方法的應(yīng)用。一起過來看看吧

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" >
<head>
    <title>重排序方法和操作方法</title>
    <script type="text/javascript">    
    //排序方法
      function basicSort(){
         var values=[0,10,2,3,12,5];
         alert(values.reverse());//reverse()方法只是把數(shù)組的順序反過來
         alert(values.sort());//sort()方法比較的是字符串，大多數(shù)情況不是最佳的方案
         alert(values.sort(compare));//sort()方法可以接收一個比較函數(shù)作為參數(shù)
      }

      //自定義比較函數(shù)，返回的數(shù)組是升序，也可以通過改變代碼，如 value1<value2 return 1等來達(dá)到結(jié)果是降序的。
      function compare(value1,value2){
        if(value1 < value2){
          return -1;
        }else if(value1 > value2){
         return 1;
        }else{
          return 0;
        }
      }

      //操作方法 concat()方法是基于當(dāng)前的數(shù)組中的所有項(xiàng)創(chuàng)建一個新數(shù)組
      function basicConcat(){
        var colors=["red","blue","pink"];
        var colors2=colors.concat("yellow",["black","brown"]);//red,blue,pink,yellow,black,brown
        alert(colors2);
      }

      //方法是基于當(dāng)前的數(shù)組中的所有項(xiàng)創(chuàng)建一個新數(shù)組,可以接收一個或者兩個參數(shù)，即截取  end > str >=start(即不包括結(jié)束位置的項(xiàng))
      function basicSlice(){
         var colors=["red","blue","pink","yello","white"];
         var colors2=colors.slice(1);
         var colors3=colors.slice(1,4);
         alert(colors2);
         alert(colors3);
      }

      function basicSplice(){
         var colors=["red","blue","pink","yello","white"];
         var removed=colors.splice(0,2);//表刪除 即刪除前兩項(xiàng)
         alert("刪除的項(xiàng)："+removed+"----現(xiàn)在的項(xiàng)："+colors)
         var inserted=colors.splice(1,0,"black","gray");//表示在位置1處刪除0項(xiàng)，插入新加項(xiàng)
         alert("現(xiàn)在的項(xiàng)："+colors);
      }

    </script>
</head>
<body>
  <input type="button" value="排序Sort" onclick="basicSort();" />
  <input type="button" value="concat" onclick="basicConcat();" />
  <input type="button" value="slice" onclick="basicSlice();" />
  <input type="button" value="splice" onclick="basicSplice();" />
</body>
</html>