JavaScript数组的常用方法

今天我要教给大家的技术是JavaScript数组的常用方法。在教数组常用方法之前，我们先来认识一下，什么是数组？我们知道变量是用来存储数据的，一个变量只能存储一个内容，那么我们要是想存储多个数据的时候要怎么办呢？我们不可能声明多个变量吧，这样就很麻烦了，那么这时候就需要数组了。数组是可以用来存储多个数据的。我们可以创建单个数组的时候，然后给它赋值。也可以声明的时候给数组赋值。那么就接下来我就教大家JavaScript数组的常用方法。
首先是concat()连接两个或更多的数组，并返回结果。例子一：
var arr = new Array(3)
arr[0] = “George”;
arr[1] = “John”;
arr[2] = “Thomas”;
var arr2 = new Array(3)
arr2[0] = “James”;
arr2[1] = “Adrew”;
arr2[2] = “Martin”;
document.write(arr.concat(arr, arr2))
在上面我声明一个arr和arr2和arr3，arr3(跟arr2一样代码我就不写了)的变量，限制它们的长度为3，然后调用变量用数组的形式表达。我们就用document.write(arr.concat(arr2, arr3))，把数据显示在页面那里，用concat()的方法把arr和arr2和arr3进行连接。实现的效果图如下：

第二种方法：copyWithin(target，start，end) 从“当前”数组的指定位置拷贝元素到数组的另一个指定位置中。Target：是必需要写的，主要是复制到指定目标索引位置；第二个start：是可选，主要是元素复制的起始位置；end：是可选，主要是停止复制的索引位置 (默认为 array.length)。如果为负值，表示倒数。那么接下来我给大家举两个例子。
第一个例子是：复制数组的前面两个元素到后面两个元素上
var fruits = [“Banana”, “Orange”, “Apple”, “Mango”];
document.write(fruits);
document.write("\n" + fruits.copyWithin(2, 0));
在上面我声明了一个fruits的数组，然后调用document.write的方法让它在页面上显示，因为上面有两个document.write，等下页面就会出来一个变化之前的和一个变化之后的，如下图所示：

在上图中，前面四个是变化之前的，后面四个是变化之后的样式。
例子二：复制数组的前面两个元素到第三和第四的位置上
var fruits = [“Banana”, “Orange”, “Apple”, “Mango”, “Kiwi”, “Papaya”];
document.write(fruits);
document.write("\n" + fruits.copyWithin(2, 0, 2));
效果图如下：

我们可以看到我们的数组有六个值，我们要的效果是前面两个复制到第三和第四，在上图中前面的六个值是原先的，后面的六个值是复制之后的。
那么大家对copyWithin()有一定的了解了吗？如果还没有看明白，可以多看几遍，或者去网上搜索相关资料进行查看。接下来就是数组常用方法的最后一种了，join()：指定分隔符连接数组元素。Join的方法是用于把数组中的所有元素放入一个字符串。元素是通过指定的分隔符进行分隔的。注意的是：返回一个字符串，该字符串把数组中的各个元素串起来，用<分隔符>置于元素与元素之间。这个方法不影响数组原本的内容。 我们使用join（）方法，将数组的所有元素放入一个字符串中。那么下面我举一个例子给大家看看：
例子： var myarr = new Array(3);
myarr[0] = “I”;
myarr[1] = “love”;
myarr[2] = “JavaScript”;
document.write(myarr.join() + “
”);
document.write(myarr.join("-") + “
”);
在上面我声明一个myarr的变量，限制它的长度为3，然后在下面写我们需要给数组的值。如下图所示：

在没有变化之前，它们之间是用逗号分开的，然后我们在join里面给了一个中划线，它们就会根据中划线进行分割。
学习总结：通过这次学习JavaScript数组的常用方法，我对数组的用法有了一定的了解，希望大家可以能掌握数组的常用方法，可能数组的常用方法我写的不够齐面，大家要在网上找相关知识去浏览一下，如果有什么问题，希望大家进行评论。