數(shù)組數(shù)據(jù)類型是處理有序值列表時最常用的數(shù)據(jù)類型之一。

每個值都被稱為具有唯一 id 的元素。它存儲可以通過單個變量訪問的各種數(shù)據(jù)類型的元素。

在實踐中，一個數(shù)組可以包含一個用戶列表，我們可能需要在最后一個元素之后、第一個元素之前或數(shù)組中的任何指定點添加一個元素到數(shù)組中。

本文將向你展示如何使用 JavaScript 將元素插入到數(shù)組中。如果你趕時間，以下是我們將在本文中深入討論的方法：

// 添加到數(shù)組的開頭
Array.unshift(element);
// 添加到數(shù)組的末尾
Array.push(element);
// 添加到指定位置
Array.splice(start_position, 0, new_element...);
// 使用 concat 方法添加而不改變原始數(shù)組
let newArray = [].concat(Array, element);

• 當(dāng)你想在數(shù)組末尾添加一個元素時，請使用 push()。
• 如果你需要在數(shù)組的開頭添加一個元素，請使用 unshift()。
• 如果要將元素添加到數(shù)組的特定位置，請使用 splice()。
• 最后，當(dāng)你想保持原始數(shù)組時，可以使用 concat() 方法。

如何使用 unshift() 方法添加到數(shù)組的開頭

在 JavaScript 中，你可以使用 unshift() 方法將一個或多個元素添加到數(shù)組的開頭，并在添加新元素后返回數(shù)組的長度。

如果我們有一個國家數(shù)組，并且想在當(dāng)前第一個索引 0 處的 “Nigeria” 之前添加一個國家，我們可以使用 unshift() 方法來完成，如下所示：

const countries = ["Nigeria", "Ghana", "Rwanda"];
countries.unshift("Kenya");
console.log(countries); // ["Kenya","Nigeria","Ghana","Rwanda"]

我們還可以使用 unshift() 方法添加多個元素：

const countries = ["Nigeria", "Ghana", "Rwanda"];
countries.unshift("South Africa", "Mali", "Kenya");
console.log(countries); // ["South Africa","Mali","Kenya","Nigeria","Ghana","Rwanda"]

在我們對 unshift() 方法的解釋中，我們還聲明它返回新數(shù)組的長度，如下所示：

const countries = ["Nigeria", "Ghana", "Rwanda"];
let countriesLength = countries.unshift("South Africa", "Mali", "Kenya");
console.log(countriesLength); // 6

如何使用 push() 方法推送到數(shù)組的末尾

push() 方法類似于 unshift() 方法，因為它將元素添加到數(shù)組的末尾而不是開頭。它返回新數(shù)組的長度，并且與 unshift() 方法一樣，可用于添加多個元素。

讓我們再次嘗試相同的示例，但這次使用 push() 方法將它們添加到數(shù)組的末尾：

const countries = ["Nigeria", "Ghana", "Rwanda"];
countries.push("Kenya");
console.log(countries); // ["Nigeria","Ghana","Rwanda","Kenya"]
countries.push("South Africa", "Mali");
console.log(countries); // ["Nigeria","Ghana","Rwanda","Kenya","South Africa","Mali"]

我們可以用它來獲取新數(shù)組的長度：

const countries = ["Nigeria", "Ghana", "Rwanda"];
let countriesLength = countries.push("Kenya");
console.log(countriesLength); // 4

如何使用 splice() 方法將元素添加到數(shù)組中的指定位置

到目前為止，我們只看到了如何將元素添加到數(shù)組的開頭或結(jié)尾，但是你可能想知道如何將元素添加到數(shù)組中的特定位置。好吧，你可以使用 splice() 方法來做到這一點。

splice() 方法是一種通用方法，用于通過在數(shù)組的指定位置刪除、替換或添加元素來更改數(shù)組的內(nèi)容。本節(jié)將介紹如何使用此方法將元素添加到特定位置。

例如，考慮以下國家數(shù)組，其中包含按字母順序排列的三個元素（國家）：

const countries = ["Ghana", "Nigeria", "Rwanda"];

假設(shè)我們要添加 “Kenya”，按照字母順序，它應(yīng)該放在第二個位置，索引 1（在 Ghana 之后和 Nigeria 之前）。在這種情況下，我們將使用 splice() 方法，語法如下：

Array.splice(start_position, 0, new_element...);

• start_position 指定了我們希望將新元素插入到數(shù)組中的位置的索引。如果有多個元素，它指定插入的元素將從哪里開始。
• 如果我們想添加元素到數(shù)組中，我們將第二個參數(shù)設(shè)置為零（0），指示 splice() 方法不要刪除任何數(shù)組元素。
• 以下參數(shù)或元素可能不止一個，因為這些是我們要在指定位置添加到數(shù)組中的元素。

例如，讓我們在國家數(shù)組中將 “Kenya” 放在 “Ghana” 之后：

const countries = ["Ghana", "Nigeria", "Rwanda"];
countries.splice(1, 0, 'Kenya');
console.log(countries); // ["Ghana","Kenya","Nigeria","Rwanda"]

就像我們對其他方法所做的那樣，我們也可以添加多個元素：

const countries = ["Ghana", "Nigeria", "Rwanda"];
countries.splice(1, 0, 'Kenya', 'Mali');
console.log(countries); // ["Ghana","Kenya","Mali","Nigeria","Rwanda"]

請注意，前面的方法返回新數(shù)組的長度，但 splice() 方法更改了原始數(shù)組。它不會刪除任何元素，因此它返回一個空數(shù)組。

如何使用 concat() 方法將元素添加到數(shù)組

我們可以使用 concat() 方法將元素添加到數(shù)組中，而無需改變或更改原始數(shù)組。如果我們不希望原始數(shù)組受到影響，則創(chuàng)建一個新數(shù)組是一種更好的方法。

我們可以使用此方法根據(jù)放置元素的位置將元素添加到數(shù)組的開頭和結(jié)尾：

const countries = ["Ghana", "Nigeria", "Rwanda"];
let newCountries = [].concat("Mali", countries, "Kenya");
console.log(newCountries); // ["Mali","Ghana","Nigeria","Rwanda","Kenya"]

concat() 方法還允許我們將兩個（或更多）數(shù)組連接到一個新數(shù)組中：

const africanCountries = ["Ghana", "Nigeria", "Rwanda"];
const europeanCountries = ["Germany", "France", "spain"];
let countries = [].concat(africanCountries, europeanCountries);
console.log(countries); // ["Ghana","Nigeria","Rwanda","Germany","France","spain"]

總結(jié)

在本文中，我們學(xué)習(xí)了使用 splice() 方法將元素添加到數(shù)組的開始、末尾或任何位置的各種方法。

我們還了解到 concat() 方法允許我們在不改變原始數(shù)組的情況下添加元素。

最新評論