萬盛學電腦網

 萬盛學電腦網 >> 腳本專題 >> javascript >> Array 重排序方法和操作方法的簡單實例

Array 重排序方法和操作方法的簡單實例

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

代碼如下: <!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()方法只是把數組的順序反過來          alert(values.sort());//sort()方法比較的是字符串,大多數情況不是最佳的方案          alert(values.sort(compare));//sort()方法可以接收一個比較函數作為參數       }         //自定義比較函數,返回的數組是升序,也可以通過改變代碼,如 value1<value2 return 1等來達到結果是降序的。       function compare(value1,value2){         if(value1 < value2){           return -1;         }else if(value1 > value2){          return 1;         }else{           return 0;         }       }         //操作方法 concat()方法是基於當前的數組中的所有項創建一個新數組       function basicConcat(){         var colors=["red","blue","pink"];         var colors2=colors.concat("yellow",["black","brown"]);//red,blue,pink,yellow,black,brown         alert(colors2);       }         //方法是基於當前的數組中的所有項創建一個新數組,可以接收一個或者兩個參數,即截取  end > str >=start(即不包括結束位置的項)       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);//表刪除 即刪除前兩項          alert("刪除的項:"+removed+"----現在的項:"+colors)          var inserted=colors.splice(1,0,"black","gray");//表示在位置1處刪除0項,插入新加項          alert("現在的項:"+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>  
copyright © 萬盛學電腦網 all rights reserved