如何使用JS将两个数组合并为一个数组

如何使用JS将两个数组合并为一个数组

方法1
使用JS自带的concat方法,它能够把该方法中的参数追加到指定数组中,形成一个新的连接数组,但是这个方法有个不好之处就是会造成一些资源浪费,因为如果要进行 concat() 操作的参数是数组,那么添加的是数组中的元素,而不是数组,就需要系统分配更多的内存空间,但平时使用时,concat的效率还是不错的。
举个简单的例子:

<%@ page language="java" contentType="text/html; charset=utf-8"
    pageEncoding="utf-8"%>
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Insert title here</title>
</head>
<body>

<script>
var a=[1,2,3];
var b=[4,5,6];
var c=a.concat(b);
alert(c);
</script>
</body>
</html>

结果如下:
如何使用JS将两个数组合并为一个数组_第1张图片
如果不想用concat也可以,可以试试JS的另一个方法
方法2
使用自带的apply进行连接,这个方法需要用到堆栈,同时也很好的避免了资源的消耗。
直接上代码

<%@ page language="java" contentType="text/html; charset=utf-8"
    pageEncoding="utf-8"%>
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Insert title here</title>
</head>
<body>

<script>
var a=[1,2,3];
var b=[4,5,6];
a.push.apply(a,b);
alert(a);
</script>
</body>
</html>

结果也是一样的
如何使用JS将两个数组合并为一个数组_第2张图片
但是不能直接用var c=a.push.apply(a,b);这样只能得到堆栈的最底部元素,本例得到的就是6。
掌握这两种常用方法再遇到连接问题就不用怕了。

你可能感兴趣的:(如何使用JS将两个数组合并为一个数组)