javascript基礎函數之數組處理函數用法實例匯總

join()

把陣列的所有元素放入一個字串。元素透過指定的分隔符號進行分隔。
例如：

 <script type="text/javascript">
       var arr = [&#39;item 1&#39;, &#39;item 2&#39;, &#39;item 3&#39;];
       var list = &#39;<ul><li>&#39; + arr.join(&#39;</li><li>&#39;) + &#39;</li></ul>&#39;;
 </script>

list結果：

'ff6d136ddc5fdfeffaf53ff6ee95f18525edfb22a4f469ecb59f1190150159c6item 1bed06894275b65c1ab86501b08a632eb25edfb22a4f469ecb59f1190150159c6item 2bed06894275b65c1ab86501b08a632eb25edfb22a4f469ecb59f1190150159c6 item 3bed06894275b65c1ab86501b08a632eb929d1f5ca49e04fdcb27f9465b944689'
這是迄今為止最快的方法！使用原生程式碼（如 join()），不管系統內部做了什麼，通常比非原生快很多。 ——James Padolsey, james.padolsey.com

pop() 

#刪除並返回數組的最後一個元素
pop()方法將刪除數組的最後一個元素，把數組長度減1，並且傳回它刪除的元素的值。
如果數組已經為空，則pop()不改變數組，並且傳回undefined值
例如：

 <script type="text/javascript">
       var arr = ["George", "John", "Thomas"];
       document.write(arr + "<br/>");
       document.write(arr.pop() + "<br/>");
       document.write(arr);
 </script>

輸出結果：
George,John,Thomas
Thomas
George,John

push() 

在陣列的末端新增一個或更多元素，並傳回新的長度
例如：

<script type="text/javascript">
       var arr = ["George", "John", "Thomas"];
       document.write(arr + "<br/>");
       document.write(arr.push("James") + "<br/>");
       document.write(arr);
 </script>

輸出結果：
George,John,Thomas
4
George,John,Thomas,James

 unshift() 

##向陣列的開頭新增一個或更多元素，並傳回新的長度

例如：

 <script type="text/javascript">
       var arr = ["George", "John", "Thomas"];
       document.write(arr + "<br/>");
       document.write(arr.unshift("James") + "<br/>");
       document.write(arr);
 </script>

#輸出結果：

George,John,Thomas
4
James, George,John,Thomas

 

shift() 

#刪除並傳回陣列的第一個元素

例如：

<script type="text/javascript">
       var arr = ["George", "John", "Thomas"];
       document.write(arr + "<br/>");
       document.write(arr.shift() + "<br/>");
       document.write(arr);
 </script>

輸出結果：

George,John,Thomas
George
#John,Thomas

sort() 

對陣列的元素進行排序

對陣列的參考。請注意，數組在原始數組上進行排序，不產生副本

該方法預設是按照字元編碼(ASCII)的順序進行排序的
例如：

<script type="text/javascript">
     var arr = new Array(6);
     arr[0] = "John";
     arr[1] = "George";
     arr[2] = "Thomas";
     document.write(arr + "<br/>");
     document.write(arr.sort());
 </script>

輸出結果：
John,George,Thomas
George,John,Thomas

再來看一個例子：

<script type="text/javascript">
     var arr = new Array(6);
     arr[0] = 10
     arr[1] = 5
     arr[2] = 40
     arr[3] = 25
     arr[4] = 1000
     arr[5] = 1
     document.write(arr + "<br/>");
     document.write(arr.sort());
 </script>

輸出結果：

10,5,40,25,1000,1
1,10,1000,25,40,5

我們可以看到，並非是按照我們認為的按數字大小排序，如果想按照數字大小排序，則需要改變預設的排序方式，自行指定排序規則。

如下：

 <script type="text/javascript">
     var arr = new Array(6);
     arr[0] = 10
     arr[1] = 5
     arr[2] = 40
     arr[3] = 25
     arr[4] = 1000
     arr[5] = 1
     document.write(arr + "<br/>");
     document.write(arr.sort(function (a, b) {return a - b;}));// 从大到小
 </script>

輸出結果：

10,5,40,25,1000,1
1,5,10,25,40,1000
如果想要降序排列呢？
將排序規則改為：
function (a, b) {return b - a;}
就OK了

以上是javascript基礎函數之數組處理函數用法實例匯總的詳細內容。更多資訊請關注PHP中文網其他相關文章！