JavaScript“添加到数组”功能(按vs不移vs其他)

有几种方法可以将新元素添加到JavaScript数组。如果您想从JavaScript中的数组中删除元素,我们也有一篇文章.

随时单击下面的链接以跳至每种方法的说明:

  1. 使用push()添加到数组的末尾
  2. 使用unshift()添加到数组的开头
  3. 使用splice()在数组中添加元素
  4. 使用concat()合并并创建更长的新数组
  5. 使用索引符号指定添加元素的索引

现在让我们讨论如何以及何时执行这些命令.

使用push()添加到数组的末尾

push()方法将在数组的末尾添加一个元素,而其孪生函数pop()方法将从数组的末尾删除一个元素.

要使用push()将元素添加到数组的末尾,请执行以下操作:

1个
2
3

var list = ["富", "酒吧"];

list.push("巴兹");

["富", "酒吧", "巴兹"] //结果

您还可以使用push()将多个元素添加到数组,如下所示:

1个
2
3

var list = ["富", "酒吧"];

list.push("巴兹", "x", "等等");

["富", "酒吧", "巴兹", "x", "等等"] //结果

如果您需要在数组的末尾添加一个或多个元素,则push()方法几乎总是您最简单,最快的选择.

使用unshift()添加到数组的开头

unshift()方法将在数组的开头添加一个元素,而其孪生函数shift()将从数组的开头删除一个元素.

要使用unshift()将元素添加到数组的开头,请尝试以下操作:

1个
2
3

var list = ["富", "酒吧"];

list.unshift("巴兹");

["巴兹", "富", "酒吧"] //结果

要使用unshift()将多个元素添加到数组的开头,请尝试以下操作:

1个
2
3

var list = ["富", "酒吧"];

list.unshift("巴兹", "x");

["巴兹", "x", "富", "酒吧"] //结果

如果您需要将元素添加到数组的开头,则unshift()方法几乎总是您最简单,最快的选择.

使用splice()将元素添加到数组的中间

splice()方法通过删除现有元素和/或添加新元素来修改数组的内容.

在下面可以找到正确的splice()函数语法:

1个 array.splice(start,deleteCount [,item1 [,item2 [,…]]])

如果您想将一个或多个元素插入数组中某处的特定点,除了开始或结束,那么您很可能应该使用splice()方法.

要使用splice(),您的代码应如下所示:

1个
2
3
4

var list = ["富", "酒吧"];

list.splice(1,0, "巴兹"); //在索引位置1,删除0个元素,然后添加 "巴兹" 到那个位置

                           //元素 "酒吧" 现在将自动移至索引位置2

["富", "巴兹", "酒吧"] //结果

要使用splice()在数组中间添加多个元素,请尝试以下操作:

1个
2
3

var list = ["富", "酒吧"];

list.splice(1,0, "巴兹", "x");

["富", "巴兹", "x", "酒吧"] //结果

拼接命令就像是阵列操纵的瑞士军刀;但是,在使用splice()添加到数组之前,您应该首先尝试使用简单得多的push或unshift命令.

通过使用concat()形成新数组来添加到数组

concat()方法返回一个新的组合数组,该数组由调用它的数组组成,并从其参数连接到一个或多个数组。.

要使用concat()将一些元素添加到另一个数组中,请执行以下操作:

1个
2
3

var list = ["富", "酒吧"];

var newlist = list.concat(["巴兹", "x"]);

["富", "酒吧", "巴兹", "x"] //新列​​表结果

也可以使用concat()直接添加非数组值:

1个
2
3

var list = ["富", "酒吧"];

var newlist = list.concat( "巴兹", "x" );

["富", "酒吧", "巴兹", "x"] //新列​​表结果

concat()方法是一种简单的解决方案,在需要将一些数组组合在一起的情况下,而无需使用for循环或其他迭代循环来膨胀代码.

使用索引符号在特定索引处添加数组元素

我们还可以通过引用数组中的索引位置来直接操作数组,而无需使用任何数组方法.

在这里,我们在指定位置添加两个新元素:

1个
2
3
4

var list = ["富", "酒吧"];

清单[2] = "巴兹"; //添加元素 "巴兹" 到数组中的索引位置2

清单[3] = "x";

["富", "酒吧", "巴兹", "x"] //结果

在这里,我们在数组的末尾添加一个元素:

1个
2
3

var list = ["富", "酒吧"];

list [list.length] = "巴兹"; //添加元素 "巴兹" 到数组的末尾

["富", "酒吧", "巴兹"] //结果

当您确切知道在数组中放置元素的位置时,无论该位置在哪里,索引表示法通常都非常有用。这种情况通常适用于多种算法实现.

关于在JavaScript中添加数组的最终决定

在JavaScript中向数组添加元素非常简单,应该做到这一点,但是没有一个方法总是最适合使用的。希望您现在可以对何时在各种代码上下文中使用特定的数组扩展方法充满信心。与往常一样,如果您还有其他问题,评论,增加或减少的内容,请在下面告诉我们.

Jeffrey Wilson Administrator
Sorry! The Author has not filled his profile.
follow me