JS 数组的 push 与 concat 区别

JavaScript019

JS 数组的 push 与 concat 区别,第1张

1、功能不同

push() 方法可向数组的末尾添加一个或多个元素，并返回新的长度。

concat()() 方法用于连接两个或多个数组，该方法不会改变现有的数组，而仅仅会返回被连接数组的一个副本。

2、函数不同

push() ：

var a = [1,2,3,4]

a.push(5)  //a 现在是1,2,3,4,5

concat() ：

var a = [1,2,3,4]

var b = [5,6]

var c = a.concat(b) // a,b 数组都不变，c变成了1,2,3,4,5,6

扩展资料：

push是一个汇编术语，实现压入操作的指令是PUSH指令，实现弹出操作的指令是POP指令。

push() 说明

push() 方法可把它的参数顺序添加到 arrayObject 的尾部。它直接修改 arrayObject，而不是创建一个新的数组。push() 方法和 pop() 方法使用数组提供的先进后出栈的功能。

concat() 返回值

返回一个新的数组。该数组是通过把所有 arrayX 参数添加到 arrayObject 中生成的。如果要进行 concat() 操作的参数是数组，那么添加的是数组中的元素，而不是数组。

例子

把 concat() 中的参数连接到数组 a 中：

<script type="text/javascript">

var a = [1,2,3]

document.write(a.concat(4,5))

</script>

输出：1,2,3,4,5

参考资料来源： 百度百科-push （汇编术语）

concat() 方法用于连接两个或多个数组。此方法返回一个新数组，不改变原来的数组。

语法

arrayObject.concat(array1,array2,...,arrayN)

参数说明：

注意:  该方法不会改变现有的数组，而仅仅会返回被连接数组的一个副本。

我们创建一个数组，将把 concat() 中的参数连接到数组 myarr 中，代码如下：

<script type="text/javascript">

  var mya = new Array(3)

  mya[0] = "1"

  mya[1] = "2"

  mya[2] = "3"

  document.write(mya.concat(4,5)+"<br>")

  document.write(mya) 

</script>

运行结果：

1,2,3,4,5

1,2,3

我们创建了三个数组，然后使用 concat() 把它们连接起来，代码如下：

<script type="text/javascript">

  var mya1= new Array("hello!")

  var mya2= new Array("I","love")

  var mya3= new Array("JavaScript","!")

  var mya4=mya1.concat(mya2,mya3)

  document.write(mya4)

</script>

运行结果：

hello!,I,love,JavaScript,!