JavaScript更改元素、刪除元素、拼接數組的方法

今天小編給大家分享一下JavaScript更改元素、刪除元素、拼接數組的方法的相關知識點，內容詳細，邏輯清晰，相信大部分人都還太了解這方面的知識，所以分享這篇文章給大家參考一下，希望大家閱讀完這篇文章后有所收獲，下面我們一起來了解一下吧。

位移元素

位移與彈出等同，但處理首個元素而不是最后一個。

shift（） 方法會刪除首個數組元素，并把所有其他元素“位移”到更低的索引。

實例

var fruits = ["Banana", "Orange", "Apple", "Mango"];

fruits.shift（）;            // 從 fruits 刪除第一個元素 "Banana"

shift（） 方法返回被“位移出”的字符串：

實例

var fruits = ["Banana", "Orange", "Apple", "Mango"];

fruits.shift（）;             // 返回 "Banana"

unshift（） 方法（在開頭）向數組添加新元素，并“反向位移”舊元素：

實例

var fruits = ["Banana", "Orange", "Apple", "Mango"];

fruits.unshift（"Lemon"）;    // 向 fruits 添加新元素 "Lemon"

unshift（） 方法返回新數組的長度。

實例

var fruits = ["Banana", "Orange", "Apple", "Mango"];

fruits.unshift（"Lemon"）;    // 返回 5

更改元素

通過使用它們的索引號來訪問數組元素：

數組索引（下標）以 0 開始。[0] 是第一個數組元素，[1] 是第二個，[2] 是第三個 …

實例

var fruits = ["Banana", "Orange", "Apple", "Mango"];

fruits[0] = "Kiwi";        // 把 fruits 的第一個元素改為 "Kiwi"

length 屬性提供了向數組追加新元素的簡易方法：

實例

var fruits = ["Banana", "Orange", "Apple", "Mango"];

fruits[fruits.length] = "Kiwi";          // 向 fruits 追加 "Kiwi"

刪除元素

既然 JavaScript 數組屬于對象，其中的元素就可以使用 JavaScript delete 運算符來刪除：

實例

var fruits = ["Banana", "Orange", "Apple", "Mango"];

delete fruits[0];           // 把 fruits 中的首個元素改為 undefined

使用 delete 會在數組留下未定義的空洞。請使用 pop（） 或 shift（） 取而代之。

拼接數組

splice（） 方法可用于向數組添加新項：

實例

var fruits = ["Banana", "Orange", "Apple", "Mango"];

fruits.splice（2, 0, "Lemon", "Kiwi"）;

第一個參數（2）定義了應添加新元素的位置（拼接）。

第二個參數（0）定義應刪除多少元素。

其余參數（“Lemon”，“Kiwi”）定義要添加的新元素。

splice（） 方法返回一個包含已刪除項的數組：

實例

var fruits = ["Banana", "Orange", "Apple", "Mango"];

fruits.splice（2, 2, "Lemon", "Kiwi"）;

使用 splice（） 來刪除元素

通過聰明的參數設定，您能夠使用 splice（） 在數組中不留“空洞”的情況下移除元素：

實例

var fruits = ["Banana", "Orange", "Apple", "Mango"];

fruits.splice（0, 1）;        // 刪除 fruits 中的第一個元素

第一個參數（0）定義新元素應該被添加（接入）的位置。

第二個參數（1）定義應該刪除多個元素。

其余參數被省略。沒有新元素將被添加。

以上就是“JavaScript更改元素、刪除元素、拼接數組的方法”這篇文章的所有內容，感謝各位的閱讀！相信大家閱讀完這篇文章都有很大的收獲，小編每天都會為大家更新不同的知識，如果還想學習更多的知識，請關注億速云行業資訊頻道。