javascript常用的数组操作方法

在js中对数组的操作有很多种方法，那这些方法具体都有什么？今天，我们来看看。

（1）：join（）

join（）方法用于把数组中的所有元素放入一个字符串。元素是通过指定的分隔符进行分隔的，默认使用‘，’号分割，不改变原数组。

var arr = [1,2,3,4];
console.log(arr.join());
console.log(arr.join('-'));
console.log(arr.join('*'));

控制台输出结果：

（2）：concat（）

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

var arr1 = [1,2,3,4];
var arr2 = [5,6,7,8];
var arr3 = arr1.concat(arr2);
console.log(arr1);
console.log(arr2);
console.log(arr3);

（3）：push（）

push（）方法可向数组的末尾添加一个或多个元素，并返回新的长度。末尾添加，返回的是长度，会改变原数组。

var arr4 = [11,22,33];
var arr5 = arr4.push(44);
console.log(arr4);
console.log(arr5);

（4）：pop（）

pop（）方法用于删除并返回数组的最后一个元素。返回最后一个元素，会改变原数组。

var arr6 = [99,88,77];
console.log(arr6.pop());
console.log(arr6);

（5）：shift（）

shift（）方法用于把数组的第一个元素从其中删除，并返回第一个元素的值。返回第一个元素，改变原数组。

var arr6 = [99,88,77];
console.log(arr6.shift());
console.log(arr6);

（6）：unshift（）

unshift（）方法可向数组的开头添加一个或更多元素，并返回新的长度。返回新长度，改变原数组。

var arr7 = [4,5,6,7,8];
console.log(arr7.unshift(1,2,3));
console.log(arr7);

（7）：slice（）

slice（）返回一个新的数组，包含从start到end（不包括该元素）的arrayObject中的元素。返回选定的元素，该方法不会修改原数组。

var arr7 = [4,5,6,7,8];
console.log(arr7.slice(2,3));
console.log(arr7);

（8）：splice（）

splice（）方法可以删除从index处开始的零个或多个元素，并且用参数列表中声明一个或多个值来替换那些被删除的元素。如果从arrayObject中删除了元素，则返回的是含有被删除的元素的数组。splice（）方法会直接对数组进行修改。

var arr7 = [4,5,6,7,8];
console.log(arr7.splice(1,0,9));
console.log(arr7);

（9）：substring（）和substr（）

相同点：如果参数只有一个，两者作用一样：都是截取字符串从当前下标以后直到字符串最后的字符串片段。

不同点：第二个参数：

substr（startindex，length）：第二个参数是截取字符串的长度；

sbstring（startindex，endindex）：第二个参数是截取字符串最终的下标（含头不含尾）；

var arr8 = '123456789';
console.log(arr8.substr(4));
console.log(arr8.substring(4));
console.log(arr8.substr(2,6));
console.log(arr8.substring(2,6));

（10）sort（）：排序，默认升序；

（11）：reverse（）

用于颠倒数组中的元素的顺序。返回的是颠倒后的数组，会改变原数组。

var arr7 = [4,5,6,7,8];
console.log(arr7.reverse());
console.log(arr7);

（12）：indexOf和lastIndexOf

都接收两个参数：查找的值、查找起始值不存在，返回-1；存在，返回位置。indexOf从前往后找，lastIndexOf从后往前找。

（13）：every（）

对数组的每一项都运行给定的函数，每一项都返回true，则返回true。

function isBig(element,index,array) {
    return element < 10;
}
[1,2,3,4,5].every(isBig);

（14）：some（）

对数组的每一项都运行给定的函数，任一项都返回true，则返回true。

（15）：filter（）

对数组的每一项都运行给定的函数，返回结果为true的项组成的数组。

对于数组的方法Es6还有一些，以后会慢慢了解。