JavaScript中數組的合併以及排序實例詳解
這篇文章主要介紹了JavaScript中陣列的合併以及排序實作範例,是JavaScript入門學習中的基礎知識,需要的朋友可以參考下
合併兩個陣列- concat()
原始碼:
<!DOCTYPE html>
<html>
<body>
<p id="demo">点击按钮合并数组。</p>
<button onclick="myFunction()">点我</button>
<script>
function myFunction()
{
var hege = ["Cecilie", "Lone"];
var stale = ["Emil", "Tobias", "Linus"];
var children = hege.concat(stale);
var x=document.getElementById("demo");
x.innerHTML=children;
}
</script>
</body>
</html>測試結果:
Cecilie,Lone,Emil,Tobias,Linus
合併三個陣列- concat()
原始碼:
<!DOCTYPE html> <html> <body> <script> var parents = ["Jani", "Tove"]; var brothers = ["Stale", "Kai Jim", "Borge"]; var children = ["Cecilie", "Lone"]; var family = parents.concat(brothers, children); document.write(family); </script> </body> </html>
測試結果:
Jani,Tove,Stale,Kai Jim,Borge,Cecilie,Lone
#陣列排序（按字母順序升序）- sort()
#原始碼:
<!DOCTYPE html>
<html>
<body>
<p id="demo">Click the button to sort the array.</p>
<button onclick="myFunction()">Try it</button>
<script>
function myFunction()
{
var fruits = ["Banana", "Orange", "Apple", "Mango"];
fruits.sort();
var x=document.getElementById("demo");
x.innerHTML=fruits;
}
</script>
</body>
</html>測試結果:
Apple,Banana,Mango,Orange
數字排序（以數字順序升序）- sort()
原始碼:
<!DOCTYPE html>
<html>
<body>
<p id="demo">Click the button to sort the array.</p>
<button onclick="myFunction()">Try it</button>
<script>
function myFunction()
{
var points = [40,100,1,5,25,10];
points.sort(function(a,b){return a-b});
var x=document.getElementById("demo");
x.innerHTML=points;
}
</script>
</body>
</html>測試結果:
1,5,10,25,40,100
數字排序（以數字順序降序）- sort()
原始碼:
<!DOCTYPE html>
<html>
<body>
<p id="demo">Click the button to sort the array.</p>
<button onclick="myFunction()">Try it</button>
<script>
function myFunction()
{
var points = [40,100,1,5,25,10];
points.sort(function(a,b){return b-a});
var x=document.getElementById("demo");
x.innerHTML=points;
}
</script>
</body>
</html>測試結果:
100,40,25,10,5,1
將一個陣列中的元素的順序反轉排序- reverse()
#原始碼:
<!DOCTYPE html>
<html>
<body>
<p id="demo">Click the button to reverse the order of the elements in the array.</p>
<button onclick="myFunction()">Try it</button>
<script>
var fruits = ["Banana", "Orange", "Apple", "Mango"];
function myFunction()
{
fruits.reverse();
var x=document.getElementById("demo");
x.innerHTML=fruits;
}
</script>
</body>
</html>測試結果:
Mango,Apple,Orange,Banana
以上是JavaScript中數組的合併以及排序實例詳解的詳細內容。更多資訊請關注PHP中文網其他相關文章！
熱AI工具
Undresser.AI Undress
人工智慧驅動的應用程序，用於創建逼真的裸體照片
AI Clothes Remover
用於從照片中去除衣服的線上人工智慧工具。
Undress AI Tool
免費脫衣圖片
Clothoff.io
AI脫衣器
AI Hentai Generator
免費產生 AI 無盡。
熱門文章
熱工具
記事本++7.3.1
好用且免費的程式碼編輯器
SublimeText3漢化版
中文版，非常好用
禪工作室 13.0.1
強大的PHP整合開發環境
Dreamweaver CS6
視覺化網頁開發工具
SublimeText3 Mac版
神級程式碼編輯軟體(SublimeText3)
熱門話題
如何在Windows 11/10中按拍攝日期對照片進行排序
Feb 19, 2024 pm 08:45 PM
本文將介紹如何在Windows11/10中根據拍攝日期對圖片進行排序，同時探討如果Windows未按日期排序圖片應該如何處理。在Windows系統中，合理整理照片對於方便尋找影像檔案至關重要。使用者可以根據不同的排序方式（如日期、大小和名稱）來管理包含照片的資料夾。此外，還可以根據需要設定升序或降序排列，以便更靈活地組織文件。如何在Windows11/10中按拍攝日期對照片進行排序要按在Windows中拍攝的日期對照片進行排序，請執行以下步驟：打開圖片、桌面或放置照片的任何資料夾在功能區選單中，單
如何在Outlook中按寄件者、主題、日期、類別、大小對電子郵件進行排序
Feb 19, 2024 am 10:48 AM
Outlook提供了許多設定和功能，可協助您更有效地管理工作。其中之一是排序選項，可讓您根據需要對電子郵件進行分類。在這個教學中，我們將學習如何利用Outlook的排序功能，根據寄件者、主題、日期、類別或大小等條件對電子郵件進行整理。這將讓您更輕鬆地處理和查找重要訊息，提高工作效率。 MicrosoftOutlook是一個功能強大的應用程序，可以輕鬆地集中管理您的電子郵件和日曆安排。您可以輕鬆地發送、接收和組織電子郵件，而內建的日曆功能也讓您能夠輕鬆追蹤您即將面臨的活動和約會。如何在Outloo
建議：優秀JS開源人臉偵測辨識項目
Apr 03, 2024 am 11:55 AM
人臉偵測辨識技術已經是一個比較成熟且應用廣泛的技術。而目前最廣泛的網路應用語言非JS莫屬，在Web前端實現人臉偵測辨識相比後端的人臉辨識有優勢也有弱勢。優點包括減少網路互動、即時識別，大大縮短了使用者等待時間，提高了使用者體驗；弱勢是：受到模型大小限制，其中準確率也有限。如何在web端使用js實現人臉偵測呢？為了實現Web端人臉識別，需要熟悉相關的程式語言和技術，如JavaScript、HTML、CSS、WebRTC等。同時也需要掌握相關的電腦視覺和人工智慧技術。值得注意的是，由於Web端的計
wps怎麼排序成績高低
Mar 20, 2024 am 11:28 AM
在我們的工作中，常常會用到wps軟體，wps軟體處理資料的方式方法是非常多的，而且函數功能也是非常強大的，我們常用函數來求平均值，求總和等，可以說只要是統計數據能用的方法，wps軟體庫裡都已經為大家準備好了，下面我們要介紹的是wps怎麼排序成績高低的操作步驟，看完以後大家可以藉鑑經驗。 1.先開啟需要排名的表格。如下圖所示。 2、然後輸入公式＝rank（B2，B2：B5，0），一定要輸入0。如下圖所示。 3、輸入完公式以後，按下電腦鍵盤上的F4鍵，這一步驟操作是為了讓相對引用變成絕對引用。
PHP與JS開發技巧：掌握繪製股票蠟燭圖的方法
Dec 18, 2023 pm 03:39 PM
隨著網路金融的快速發展，股票投資已經成為了越來越多人的選擇。而在股票交易中，蠟燭圖是常用的技術分析方法，它能夠顯示股票價格的變動趨勢，幫助投資人做出更精準的決策。本文將透過介紹PHP和JS的開發技巧，帶領讀者了解如何繪製股票蠟燭圖，並提供具體的程式碼範例。一、了解股票蠟燭圖在介紹如何繪製股票蠟燭圖之前，我們首先需要先了解什麼是蠟燭圖。蠟燭圖是由日本人
如何透過拖曳放在Power Query中重新排序
Mar 14, 2024 am 10:55 AM
在這篇文章中，我們將向你們展示如何透過拖放在PowerQuery中重新排序多個欄位。通常，從各種來源匯入資料時，列可能不是所需的順序。重新排序列不僅允許您按照符合您的分析或報告需求的邏輯順序排列它們，還可以提高資料的可讀性，並加快過濾、排序和執行計算等任務。如何在Excel中重新排列多個列？在Excel中，重新排列列的方法有多種。您可以簡單地選擇列標題，然後將其拖曳到所需位置。但是，當處理包含許多列的大表時，這種方法可能會變得繁瑣。為了更有效率地重新排列列，您可以使用增強查詢編輯器。透過增強查詢編
WPS表格怎麼排序方便資料統計
Mar 20, 2024 pm 04:31 PM
WPS是一款功能非常完善的辦公室軟體，其中包含文字編輯、資料表、PPT簡報、PDF格式、流程圖等功能。其中我們使用最多的就是文字、表格、演示，也是我們最熟悉的。我們在學習工作中，有時會使用WPS表格製作一些數據統計，例如學校裡會對每個學生的成績進行統計，那麼多的學生如果我們要透過手動進行學生成績排序的話，那真是讓人頭疼，其實我們可以不必煩心，因為我們的WPS表格中有排序這個功能為我們解決這個問題。接下來我們就一起學習WPS怎麼排序的方法。方法步驟：第一步：首先我們要開啟需要排序的WPS表格
excel怎麼排序
Mar 05, 2024 pm 04:12 PM
excel的排序方法：1、單列排序；2、多列排序；3、自訂排序。詳細介紹：1、單列排序，是最常見的排序方式，它按照選定的某一列進行排序；2、多列排序，是指依照多個列的資料進行排序，通常是先依照某一列排序的基礎上，再按照另一列進行排序；3、自訂排序，讓使用者可以依照自己的需求定義排序順序。
