在 JavaScript 中重新排序陣列的元素

Shraddha Paghdar 2022年5月10日
在 JavaScript 中重新排序陣列的元素

陣列是每種程式語言的重要組成部分,因為它們包含許多有序元素。

與其他語言相比,JS 陣列可能在同一矩陣的不同索引中包含不同的資料型別。

所有這些專案都通過索引訪問。在 JavaScript 中,陣列是包含指定鍵(數字鍵)的值的常規物件。

陣列是具有固定數字鍵和動態值的 JavaScript 物件,在單個變數中包含任意數量的資料。

陣列可以是任何維度的(一維或多維)。JavaScript 陣列可以儲存任何東西,例如直接值或儲存 JavaScript 物件。

在 JavaScript 中使用 splice() 重新排列陣列元素

splice() 方法改變或修改原始陣列的內容。這是通過刪除、替換現有專案並在其位置新增新專案來完成的。

語法:

splice(start)
splice(start, deleteCount)
splice(start, deleteCount, item1)
splice(start, deleteCount, item1, item2, itemN)

JavaScript splice 方法接受三個輸入引數,其中第一個是 start。必需的引數指定陣列的起始索引/位置以改變陣列。

如果開始索引大於陣列的長度,則將開始設定為陣列的長度。在這種情況下,不會刪除任何元素,但該方法的行為類似於加法函式。

這將開始新增與提供的 n* 元素一樣多的元素。如果為負數,則從陣列末尾的那麼多元素開始。

deleteCount 是第二個引數。它是一個可選引數。

此引數指定要從一開始就刪除的陣列元素的數量。如果 deleteCount 被省略或其值等於或大於 array.length - start

從陣列的開頭到結尾的所有元素都被刪除或刪除。如果 deleteCount0 或負數,則不會刪除或刪除任何元素。

在這種情況下,你至少需要輸入一個新專案。

itemN... 是第三個也是最後一個引數,一個可選引數。需要新增到陣列中的元素在此引數中指定,從開頭開始。

如果你不指定專案,splice() 只會消除陣列的元素。

此方法返回一個包含已刪除專案的替換陣列。如果只刪除 n 個元素,則返回一個包含 n 個元素的陣列。

如果沒有元素被刪除,則返回一個空陣列。有關詳細資訊,請參閱 splice 方法文件。

const inputArray = [1, 2, 3, 4, 5];
inputArray.splice(2, 0, inputArray.splice(0, 1)[0]);
console.log(inputArray);

在上面的示例中,我們指定了陣列中的各種元素。假設你要提取元素 1 並將其插入 34 之間。

一旦你提取了 1,它將影響原始的 inputArray 陣列並返回一個包含元素 1 的陣列。

我們想將 1 deleteCount 引數插入為 0。現在你可以將此提取的元素分配到所需的位置。

在任何瀏覽器中執行上述程式碼後,它會列印出類似這樣的內容。

輸出:

[2, 3, 1, 4, 5]

要檢查完整的工作程式碼,單擊此處

Shraddha Paghdar avatar Shraddha Paghdar avatar

Shraddha is a JavaScript nerd that utilises it for everything from experimenting to assisting individuals and businesses with day-to-day operations and business growth. She is a writer, chef, and computer programmer. As a senior MEAN/MERN stack developer and project manager with more than 4 years of experience in this sector, she now handles multiple projects. She has been producing technical writing for at least a year and a half. She enjoys coming up with fresh, innovative ideas.

LinkedIn

相關文章 - JavaScript Array