JavaScript数组的合并，转换分隔和删除的方法

Love The Way You Lie 2021-12-14 04:39 231阅读 0赞

1：创建数组：  
var array=new Array();  
如果你想在数组中添加元素的话，那么就可以：  
array\[0\]=“one”;  
array\[1\]=“two”;  
array\[2\]=“three”;  
以此类推就OK了，注意\[0\],\[1\],\[2\]代表数组的索引，索引一般都是从0开始的；  
2：返回数组的长度：就以刚刚创建的那三个数组为例，你如果想获取这个数组的长度，那么你只需要array（上面那个数组的名称）.length；这样就可以获取到了，比如我们在页面上输出一些刚刚那个数组的长度：  
console.log(array.length);  
页面输出效果截图：

![在这里插入图片描述][20190708075904576.png]  
3：上图可以看出，输出了“3”，也就是说这个数组的长度为3，那么这肯定是正确的；接下来，如果我们需要去合并两个或者数组应该怎么办呢？你现在就需要用到concat这个方法了，这个方法就是用来合并两个或者多个数组的，比如你再去定义一个数组：  
var array2 = new Array();  
array2\[0\] = “James”;  
array2\[1\] = “Adrew”;  
array2\[2\] = “Martin”;  
那么如何使用concat呢，很简单，比如：array.concat(array2)就OK了，我们还是可以去页面上输出看看效果：  
页面输出效果截图：

![在这里插入图片描述][20190708075913543.png]  
4：在上图中，因为我们把数组1和数组2合并了起来，所以它显示了6个，也就是数组1加上数组2；如果你还需要把这个转换为字符串，那么就再后面加上一个join（），这个join的作用是把数组转换为字符串，然后把这些字符串连接起来，还有一个作用就是可以分隔符来分隔数组中的元素，这里的话输出两条看一下它们的不同：  
console.log(array.concat(array2).join());  
console.log(array.concat(array2).join("–"));  
页面输出效果截图：

![在这里插入图片描述][20190708075919760.png]  
5：效果应该还是挺明显的，第一条就是转换为字符串以后的效果，跟上一张图比起来就很容易看到效果了，第二条就是转换以后并且分隔了的效果了；再来看看本章最后一个方法：删除；删除的话也很简单，就是一个pop（），这个方法的话就是删除并返回数组的最后一个元素，就拿第一个数组来测试，比如我输出三个看看效果：  
console.log(array);  
console.log(array.pop());  
console.log(array);  
页面效果截图：  
![在这里插入图片描述][20190708075926999.png]  
6：上图第一条为没有删除的数组，有三个；第二条为删除最后一项数组并且返回的最后一项数组的值；第三条为删除以后的数组，现在变成了两个；

[20190708075904576.png]: /images/20211213/5da060f1a4a8438f90650d66945fd5cc.png
[20190708075913543.png]: /images/20211213/79d21ce9de7b47ee99d79aff355094d8.png
[20190708075919760.png]: /images/20211213/332c9234a759425584beff6ea03a6611.png
[20190708075926999.png]: /images/20211213/f60bd727761b4c94808e11e8da90a91c.png