首頁 web前端 js教程 javascript基礎函數之數組處理函數用法實例匯總

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

Jul 25, 2017 pm 03:49 PM
javascript js 處理

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結果:

'

  • item 1
  • item 2
  • item 3
'
這是迄今為止最快的方法!使用原生程式碼(如 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中文網其他相關文章!

本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn

熱AI工具

Undresser.AI Undress

Undresser.AI Undress

人工智慧驅動的應用程序,用於創建逼真的裸體照片

AI Clothes Remover

AI Clothes Remover

用於從照片中去除衣服的線上人工智慧工具。

Undress AI Tool

Undress AI Tool

免費脫衣圖片

Clothoff.io

Clothoff.io

AI脫衣器

AI Hentai Generator

AI Hentai Generator

免費產生 AI 無盡。

熱門文章

R.E.P.O.能量晶體解釋及其做什麼(黃色晶體)
2 週前 By 尊渡假赌尊渡假赌尊渡假赌
倉庫:如何復興隊友
4 週前 By 尊渡假赌尊渡假赌尊渡假赌
Hello Kitty Island冒險:如何獲得巨型種子
3 週前 By 尊渡假赌尊渡假赌尊渡假赌

熱工具

記事本++7.3.1

記事本++7.3.1

好用且免費的程式碼編輯器

SublimeText3漢化版

SublimeText3漢化版

中文版,非常好用

禪工作室 13.0.1

禪工作室 13.0.1

強大的PHP整合開發環境

Dreamweaver CS6

Dreamweaver CS6

視覺化網頁開發工具

SublimeText3 Mac版

SublimeText3 Mac版

神級程式碼編輯軟體(SublimeText3)

WIN10服務主機太佔cpu的處理操作過程 WIN10服務主機太佔cpu的處理操作過程 Mar 27, 2024 pm 02:41 PM

WIN10服務主機太佔cpu的處理操作過程

建議:優秀JS開源人臉偵測辨識項目 建議:優秀JS開源人臉偵測辨識項目 Apr 03, 2024 am 11:55 AM

建議:優秀JS開源人臉偵測辨識項目

CSV檔案操作速成指南 CSV檔案操作速成指南 Dec 26, 2023 pm 02:23 PM

CSV檔案操作速成指南

PHP與JS開發技巧:掌握繪製股票蠟燭圖的方法 PHP與JS開發技巧:掌握繪製股票蠟燭圖的方法 Dec 18, 2023 pm 03:39 PM

PHP與JS開發技巧:掌握繪製股票蠟燭圖的方法

學習PHP中如何處理特殊字元轉換單引號 學習PHP中如何處理特殊字元轉換單引號 Mar 27, 2024 pm 12:39 PM

學習PHP中如何處理特殊字元轉換單引號

簡易JavaScript教學:取得HTTP狀態碼的方法 簡易JavaScript教學:取得HTTP狀態碼的方法 Jan 05, 2024 pm 06:08 PM

簡易JavaScript教學:取得HTTP狀態碼的方法

js和vue的關係 js和vue的關係 Mar 11, 2024 pm 05:21 PM

js和vue的關係

如何在JavaScript中取得HTTP狀態碼的簡單方法 如何在JavaScript中取得HTTP狀態碼的簡單方法 Jan 05, 2024 pm 01:37 PM

如何在JavaScript中取得HTTP狀態碼的簡單方法

See all articles