如何向数组追加内容？

Question

如何在JavaScript中将对象（例如字符串或数字）附加到数组？

Answer 1

使用数组原型.push方法将值附加到数组末尾：

//初始化数组var arr=[“嗨”，“你好”，“你好”];//将新值附加到数组arr.push（“Hola”）；控制台.log（arr）；

---

您可以使用push（）函数在单个调用中向数组追加多个值：

//初始化数组var arr=[“嗨”，“你好”，“您好”，“大家好”]；//将多个值附加到数组arr.push（“Salut”，“Hey”）；//显示所有值对于（var i=0；i<arr.length；i++）{控制台.log（arr[i]）；}

请注意push（）方法返回数组的更新长度。

---

更新

如果要将一个数组的项添加到另一个数组中，可以使用firstArray.concat（secondArray）:

变量arr=[“苹果”，“香蕉”，“樱桃”];//不要忘记分配结果，因为与push不同，concat不会更改现有数组arr=arr.concat([“火龙果”，“接骨木”，“无花果”]);console.log（arr）；

更新

如果您想在数组的开头（即第一个索引）添加任何值，那么可以使用数组.prototype.unshift为此目的。

var arr=[1,2,3]；arr.unshift（0）；控制台.log（arr）；

它还支持一次附加多个值，就像推.

---

更新

另一种方式欧洲标准6语法是用扩展语法。这将保持原始数组不变，但返回一个新数组，其中附加或添加了新项，符合函数编程的精神。

常量arr=[“嗨”，“你好”，“你好”，];常量newArr1=[…啊，“Salut”，];常量newArr2=[“Salut”，…啊，];控制台.log（newArr1，newArr2）；

Answer 2

如果只附加一个变量，那么push（）效果很好。如果需要附加另一个数组，请使用concat（）:

变量ar1=[1,2,3]；变量ar2=[4，5，6]；var ar3=ar1.concat（ar2）；警报（ar1）；警报（ar2）；警报（ar3）；

concat不影响ar1型和ar2型除非重新分配，例如：

变量ar1=[1,2,3]；变量ar2=[4，5，6]；ar1=ar1.concat（ar2）；警报（ar1）；

有很多关于JavaScript参考.

Answer 3

一些快速基准测试（每个测试=500k个附加元素，结果是多次运行的平均值）显示如下：

Firefox 3.6（Mac）：

• 小型阵列：arr[arr.length]=b速度更快（300毫秒与800毫秒）
• 大型阵列：推力（b）速度更快（500毫秒vs.900毫秒）

Safari 5.0（Mac）：

• 小型阵列：arr[arr.length]=b速度更快（90毫秒vs.115毫秒）
• 大型阵列：arr[arr.length]=b速度更快（160毫秒vs.185毫秒）

谷歌Chrome 6.0（Mac）：

• 小型阵列：无显著差异（而且Chrome速度很快！只有38毫秒！！）
• 大型阵列：无显著差异（160毫秒）

我喜欢arr.push（）语法更好，但我想我最好用棱[棱长]版本，至少以原始速度。不过，我很想看看IE运行的结果。

---

我的基准循环：

函数arrpush_small（）{变量arr1=[]；对于（a=0；a<100；a++）{arr1=[]；对于（i=0；i<5000；i++）{arr1.推（'elem'+i）；}}}函数arrlen_small（）{变量arr2=[]；对于（b=0；b<100；b++）{arr2=[]；对于（j=0；j<5000；j++）{arr2[arr2.length]=‘元素’+j；}}}函数arrpush_large（）{var arr1=[]；对于（i=0；i<500000；i++）{arr1.推（'elem'+i）；}}函数arrlen_large（）{var arr2=[]；对于（j=0；j<500000；j++）{arr2[arr2.length]=‘元素’+j；}}

Answer 4

我认为值得一提的是，可以使用多个参数调用push，这些参数将按顺序附加到数组中。例如：

var arr=['first']；arr.push（'second'，'third'）；控制台.log（arr）；

因此，您可以使用push.apply将数组附加到另一个数组，如下所示：

var arr=['first']；arr.push（'second'，'third'）；arr.push.apply（arr，[‘forth’，‘fifth’]）；控制台.log（arr）；

带注释的ES5有关于具体内容的更多信息推和应用这样做。

2016年更新：有传播，你不需要应用还有，比如：

var arr=['first']；arr.push（'second'，'third'）；arr.push（…[第四个，第五个]）；控制台.log（arr）；

Answer 5

您可以使用推和应用函数附加两个数组。

var数组1=[11,32,75]；var数组2=[99，67，34]；Array.prototype.push.apply（array1，array2）；控制台.log（array1）；

它将附加阵列2到阵列1.现在阵列1包含[11, 32, 75, 99, 67, 34].这段代码比编写要简单得多对于循环以复制数组中的每个项。

Answer 6

使用新ES6扩散算子，使用连接两个数组推变得更加容易：

var arr=[1,2,3,4,5]；var arr2=[6，7，8，9，10]；arr.push（…arr2）；控制台.log（arr）；

这添加了棱2在…的末尾自动调整.

Babel REPL示例

Answer 7

如果阿珥是一个数组，并且val值是要添加使用的值：

arr.push（val）；

例如。

var arr=['a'，'b'，'c']；arr.push（d'）；控制台.log（arr）；

Answer 8

使用凹面（concat）:

a=[1,2,3]；b=[3，4，5]；a=a.concat（b）；控制台.log（a）；

Answer 9

JavaScript与ECMA脚本5（ES5）标准，现在大多数浏览器都支持，您可以使用应用（）附加阵列1到阵列2.

变量数组1=[3，4，5]；var数组2=[1,2]；Array.prototype.push.apply（array2，array1）；控制台.log（array2）；//[1, 2, 3, 4, 5]

JavaScript与ECMA脚本6支持的（ES6）标准铬,Firefox浏览器,Internet Explorer（Internet Explorer）、和边缘，您可以使用传播操作员：

“使用严格”；设array1=[3,4,5]；设array2=[1,2]；阵列2.推送（…阵列1）；控制台.log（array2）；//[1, 2, 3, 4, 5]

这个传播操作员将替换阵列2.推送（…阵列1）；具有阵列2.推动（3，4，5）；当浏览器思考逻辑时。

奖励积分

如果您想创建另一个变量来存储两个数组中的所有项，可以这样做：

欧洲标准5 var combinedArray=数组1.concat（数组2）；

欧洲标准6 const combinedArray=[…数组1，…数组2]

扩散运算符(...)是将集合中的所有项目展开。

Answer 10

如果要附加两个数组-

var a=['a'，'b']；变量b=['c'，'d']；

然后您可以使用：

var c=a.concat（b）；

如果你想添加记录克到阵列(var a=[])然后您可以使用：

a.推动（“g”）；

Answer 11

有几种方法可以在JavaScript中附加数组：

1)这个push（）方法将一个或多个元素添加到数组的末尾，并返回数组的新长度。

变量a=[1,2,3]；a.推动（4，5）；控制台.log（a）；

输出：

[1, 2, 3, 4, 5]

2)这个取消移位（）方法将一个或多个元素添加到数组的开头，并返回数组的新长度：

变量a=[1,2,3]；a.卸载（4、5）；控制台.log（a）；

输出：

[4, 5, 1, 2, 3]

3)这个concat（）方法用于合并两个或多个数组。这个方法不会改变现有数组，但返回一个新数组。

var arr1=[“a”，“b”，“c”]；var arr2=[“d”，“e”，“f”]；var arr3=arr1.concat（arr2）；控制台.log（arr3）；

输出：

[“a”、“b”、“c”、“d”、“e”、“f”]

4)您可以使用阵列的.长度属性将元素添加到数组末尾：

var ar=['one'，'two'，'three']；ar[ar.length]=“四个”；console.log（ar）；

输出：

[“一”、“二”、“三”、“四”]

5)这个拼接（）方法通过删除现有元素和/或添加新元素来更改数组的内容：

var myFish=[“天使”、“小丑”、“普通话”、“外科医生”]；myFish.拼接（4,0，“nemo”）；//数组.splice（start，deleteCount，item1，item2，…）console.log（myFish）；

输出：

[“天使”、“小丑”、“普通话”、“外科医生”、“尼莫”]

6)您还可以通过指定新索引并赋值，将新元素添加到数组中：

var ar=[一个，两个，三个]；ar[3]=“四”；//向ar添加新元素console.log（ar）；

输出：

[“一”、“二”、“三”、“四”]

Answer 12

这个push（）方法将新项添加到数组的末尾，并返回新长度。例子：

var水果=[“香蕉”，“橘子”，“苹果”，“芒果”]；水果。push（“猕猴桃”）；//水果的结果是：香蕉、橘子、苹果、芒果、猕猴桃

您的问题的确切答案已经得到了回答，但让我们看看其他一些向数组添加项的方法。

这个取消提升（）方法将新项添加到数组的开头，并返回新长度。例子：

var水果=[“香蕉”，“橘子”，“苹果”，“芒果”]；水果（“柠檬”、“菠萝”）；//水果的结果是：柠檬、菠萝、香蕉、橘子、苹果、芒果

最后concat（）方法用于联接两个或多个数组。例子：

var水果=[“香蕉”，“橙色”]；var moreFruits=[“苹果”、“芒果”、“柠檬”]；var allFruits=水果.concat（更多水果）；//子数组的值为：香蕉、橘子、苹果、芒果、柠檬

Answer 13

现在，你可以利用欧洲标准6语法和just do

设数组=[1,2]；console.log（[…数组，3]）；

保持原始数组不变。

Answer 14

附加单个元素

//追加到末尾arrName.push（'newName1'）；//开始前准备arrName.unshift（'newName1'）；//在索引1处插入arrName.拼接（1，0，'newName1'）；//1：索引编号，0：要删除的元素编号，newName1：新元素//替换索引3（共个），否则添加新元素。arrName[3]='newName1'；

附加多个元素

//从索引编号1插入arrName.splice（1，0，'newElemenet1'，'newElemenet2'，'newElemenet3'）；//1：插入起始的索引编号，//0：要删除的元素数，//newElemenet1,2,3：新元素

追加数组

//连接两个或多个数组arrName.concat（newAry1，newAry2）；//newAry1、newAry2：将两个不同的数组组合（串联）到现有数组

Answer 15

如果您正在使用欧洲标准6你可以使用传播操作员进行操作。

var arr=[“苹果”，“香蕉”，“樱桃”];var arr2=[“龙果”，“接骨木”，“无花果”];arr.push（…arr2）；

Answer 16

如果你知道最高的索引（比如存储在变量“i”中），那么你可以

myArray[i+1]=someValue；

然而，如果你不知道，那么你可以使用

myArray.push（someValue）；

如其他答案所示，或者您可以使用

myArray[myArray.length]=someValue；

注意，数组是从零开始的，所以.长度返回最高索引加一。

还要注意，您不必按顺序添加，实际上可以跳过值，如

myArray[myArray.length+1000]=someValue；

在这种情况下，中间的值将为未定义.

因此，在JavaScript中循环以验证某个值在该点实际存在时，这是一种很好的做法。

这可以通过以下方式实现：

if（myArray[i]===“未定义”）{continue；}

如果您确定数组中没有任何零，则可以执行以下操作：

if（！myArray[i]）{continue；}

当然，在这种情况下，请确保不要使用myArray[i]作为条件（正如互联网上的一些人建议的那样，只要我大于最高索引，它将返回未定义其计算结果为假).

Answer 17

可以使用JavaScript实现排列运算符语法:

//初始化阵列var arr=[“嗨”，“你好”，“孟加拉国”];//向数组追加新值arr=[…arr，“Feni”]；//或者可以添加变量值var testValue=“酷”；arr=[…arr，testValue]；控制台.log（arr）；//最终输出[“嗨”、“你好”、“孟加拉国”、“费尼”、“酷”]

Answer 18

concat（）当然，也可以用于二维数组。不需要循环。

变量a=[[1, 2],[3, 4] ];变量b=[[“a”、“b”]，[“c”，“d”]]；b=b.concat（a）；警报（b[2][1]）；//结果：2

Answer 19

只想添加一个片段，用于非破坏性地添加元素。

var newArr=oldArr.concat（[newEl]）；

Answer 20

让数组长度属性执行以下操作：

myarray[myarray.length]='添加到数组末尾的新元素值'；

myarray.length返回数组中的字符串数。JavaScript是基于零的，因此数组的下一个元素键将是数组的当前长度。

例子：

var矩阵=[0，1，2，3]，myarrayLength=myarray长度；//myarrayLength设置为4

Answer 21

将值附加到数组

自数组原型.push将一个或多个元素添加到数组末尾，并返回数组的新长度，有时我们只想获得最新的新阵列，这样我们就可以这样做：

常数arr=[1,2,3]；常数值=4；arr.concat（[val]）；//[1, 2, 3, 4]

或者只是：

[…arr，val]//[1，2，3，4]

Answer 22

附加单个项目

要将单个项附加到数组中，请使用推（）Array对象提供的方法：

const水果=['banana'，'pear'，'apple']水果推送（“芒果”）console.log（水果）

push（）改变原始数组。

要创建新阵列，请使用concat（）数组方法：

const水果=['banana'，'pear'，'apple']const allfreets=水果.concat（'mango'）console.log（所有水果）

请注意concat（）实际上并不向数组中添加项，而是创建一个新数组，您可以将其分配给另一个变量，或重新分配给原始数组（将其声明为让，因为您无法重新分配常数):

const水果=['banana'，'pear'，'apple']const allfreets=水果.concat（'mango'）console.log（所有水果）

让水果=['banana'，'pear'，'apple']freests=水果.concat（'mango'）

附加多个项目

要将多个项附加到数组中，可以使用push（）通过使用多个参数调用它：

const水果=['banana'，'pear'，'apple']水果。push（“芒果”、“甜瓜”、“鳄梨”）console.log（水果）

您也可以使用concat（）方法，传递以逗号分隔的项目列表：

const水果=['banana'，'pear'，'apple']const allfreets=水果.concat（'mango'，'we瓜'，'avocado'）console.log（所有水果）

或数组：

const水果=['banana'，'pear'，'apple']const allfreests=水果.concat（['mango'，'甜瓜'，'鳄梨']）console.log（所有水果）

请记住，如前所述，此方法不会改变原始数组，但会返回一个新数组。

原来发布于

Answer 23

如果要组合两个数组而不重复，可以尝试以下代码：

array_merge=函数（arr1，arr2）{返回arr1.concat（arr2.filter（函数（项））{return arr1.indexOf（item）<0；}))}

用法：

array1=['1'，'2'，'3']数组2=['2'，'3'，'4'，'5']combined_array=数组合并（数组1，数组2）

输出：

[1,2,3,4,5]

Answer 24

你在里面推了那个值。例子：array.push（值）；

Answer 25

如果要将单个值附加到数组中，只需使用push方法。它将在数组末尾添加一个新元素。

但如果您打算添加多个元素，则将这些元素存储在一个新数组中，并将第二个数组与第一个数组连接起来。。。你想怎么做都行。

arr=['a'，'b'，'c']；arr.push（d'）；//现在在console.log中打印数组，它将包含'a'、'b'、'c'、'd'等元素。console.log（数组）；

Answer 26

我们没有追加函数，但我们有推和取消移位。假设您有下面的数组：

var arr=[1,2,3,4,5]；

我们想给这个数组附加一个值。我们可以做到arr.push（6），它将在数组末尾添加6：

arr.push（6）；//返回[1,2,3,4,5,6]；

我们还可以使用取消移位，看看我们如何应用它：

arr.unshift（0）；//返回[0,1,2,3,4,5]；

它们是向数组添加或附加新值的主要函数。

Answer 27

如果要添加值，可以使用push（），例如arr.push（“测试1”，“测试2”）；.

如果你有数组，你可以使用concat（），例如。数组1.concat（数组2）.

如果只有一个元素要添加，也可以尝试长度方法，例如。数组[aray.length]=“test”；.

Answer 28

在数组中追加项

让水果=[“桔子”，“香蕉”，“苹果”，“柠檬”]；/*数组声明*/水果。push（“avacado”）；/*向数组中添加元素*//*显示数组元素*/for（var i=0；i<水果长度；i++）{console.log（水果[i]）；}

Answer 29

您可以使用推方法。

Array.prototype.append=函数（destArray）{destArray=destArray||[]；this.push.call（this，…destArray）；返回此；}var arr=[1,2,5,67]；var arr1=[7,4,7,8]；console.log（arr.append（arr1））；//[7, 4, 7, 8, 1, 4, 5, 67, 7]控制台.log（arr.append（“Hola”））//[1，2，5，67，7，4，7，8，“H”，“o”，“l”，“a”]

Answer 30

push（）将新元素添加到数组的末尾。

pop（）从数组末尾删除元素。

要将对象（如字符串或数字）附加到数组，请使用：

array.push（toAppend）；