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更改元素、删除元素、拼接数组的方法”这篇文章的所有内容，感谢各位的阅读！相信大家阅读完这篇文章都有很大的收获，小编每天都会为大家更新不同的知识，如果还想学习更多的知识，请关注亿速云行业资讯频道。