js数组方法整理
今天给大家分享一些js数组方法，在做项目中我们会常常用到这些方法，有很多方法也不会经常用到，可能过段时间就会忘记，所以给大家整理出来一些方法，供大家方便查询。
1.concat（）
功能：合并数组，可以合并一个数组或多个数组，会返回合并数组之后的数据，不会改变原来的数组。
eg：
var arr=[1,2,3,'hi'];
var arr1=['你好']；
console.log(arr.concat(arr1)); // [1,2,3,'hi','你好']
console.log(arr); //[1,2,3,'hi']
2.join()
功能：将数组转化为字符串并返回转化后字符串的数据，不会改变原来的数组。
注：（）中用双引号包括自己想用的分隔符，默认为逗号，为了方便查看，这里我用-。
eg：
var arr=[1,2,3,'hi'];
var arr1=['你好']；
console.log(arr.join(-)); // 1-2-3-'hi'
console.log(arr); //[1,2,3,'hi']
3.pop()
功能：删除数组的最后一位，并且返回删除的数据，会改变原来的数组。
eg：
var arr=[1,2,3,'hi'];
var arr1=['你好']；
console.log(arr.pop()); // hi
console.log(arr); //[1,2,3]
4.shift()
功能：删除数组的第一位数据，并且返回新数组的长度，会改变原来的数组。
eg：
var arr=[1,2,3,'hi'];
var arr1=['你好']；
console.log(arr.shift()); // 1
console.log(arr); //[2,3,'hi']
5.unshift()
功能：在数组的首位新增一个或多个数据，并且返回新数组的长度，会改变原来的数组。
注：unshift()方法返回的数据是新数组的长度，它增加的数据可以是一个也可以是多个。
eg：
var arr=[1,2,3,'hi'];
var arr1=['你好']；
console.log(arr.unshift('word')); // 5
console.log(arr1.unshift('marry')); // 2
console.log(arr); // ['word',1,2,3,'hi']
console.log(arr1); // ['marry','你好']
6.push()
功能：在数组的最后一位新增一个或多个数据，并且返回新数组的长度，会改变原来的数组。
注：push()方法返回的数据是新数组的长度，它增加的数据可以是一个也可以是多个。
eg：
var arr=[1,2,3,'hi'];
var arr1=['你好']；
console.log(arr.push('word')); // 5
console.log(arr1.push('marry')); // 2
console.log(arr); // [1,2,3,'hi','word']
console.log(arr1); // ['你好','marry']
7.reverse()
功能：将数组的数据进行反转，并返回反转后的数组，会改变原数组。
eg：
var arr=[1,2,3,'hi'];
console.log(arr.reverse()); // ['hi',3,2,1]
console.log(arr); // ['hi',3,2,1]
8.splice()
功能：向数组中添加或者从数组中删除，或者替换数组中的元素，然后返回被删除会替换的元素。
参数：splice(start,num,data1,data2,…).所有参数全部可选。
eg：
var arr=[1,2,3,'hi'];
console.log(arr.spilce(2,0,"a","b")); // []
console.log(arr); // [1,2,"a","b",3,"hi"]
9.toString()
功能: 将数组转换为字符串，类似于没有参数的join(),该方法会在数据发生隐式转换时会被调用，如果手动调用，直接转换为字符串，不会改变原数组。
eg：
var arr=[1,2,3,'hi'];
console.log(arr.spilce(2,0,"a","b")); // 1,2,3,'hi'
console.log(arr); // [1,2,3,"hi"]
10.valueOf()
功能: 返回数组的原始值（一般情况下就是数组本身），一般由js在后台调用，并不显示的出现在代码中。
eg：
var arr=[1,2,3,'hi'];
console.log(arr.valueOf()); // [1,2,3,'hi']
console.log(arr); // [1,2,3,"hi"]
console.log(arr.valueOf()==arr); // true
11.indexOf()
功能:根据指定的数据，从左向右，查询在数组中出现的位置，如果不存在指定的数据，返回-1，找到了指定的数据，返回该数据的索引。
参数：indexOf(value,start),value为要查询的数据，start为可选，表示开始查询的位置，当start为负数时，从数据的尾部向前数，如果查询不到value的存在，则方法返回-1。
注：如果找到该数据，直接返回该数据的索引，不在往后继续查找
eg：
var str = ["h","e","l","l","o"];
console.log(str.indexOf("l")); //2
console.log(str.indexOf("l",3)); //3
console.log(str.indexOf("l",4)); //-1
console.log(str.indexOf("l",-1)); //-1
console.log(str.indexOf("l",-3)); //2
12.forEach()
功能：es5新增的方法，用来遍历数组，没有返回值。
参数：forEach(callback);callback默认有三个参数，分别为value(遍历到的数组的数据)，index(对应的索引),self(数组本身)
eg：
var arr = ["Tom","Jack","Lucy","Lily","May"];
var a = arr.forEach(function(value,index,self){
console.log(value + "--" + index + "--" + (arr === self));
})
// 打印结果为：
// Tom--0--true
// Jack--1--true
// Lucy--2--true
// Lily--3--true
// May--4--true
console.log(a); //undefined---forEach没有返回值
//该方法为遍历方法，不会修改原数组
13.map()
功能：1.同forEach功能；
2.map的回调函数会将执行结果返回，最后map将回调函数的返回值组成新数组返回。
参数map(callback);callback默认有三个参数：分别为value，index，self
eg：
//功能1：同forEach
var arr = ["Tom","Jack","Lucy","Lily","May"];
var a = arr.map(function(value,index,self){
console.log(value + "--" + index + "--" + (arr === self))
})
// 打印结果为：
// Tom--0--true
// Jack--1--true
// Lucy--2--true
// Lily--3--true
// May--4--true
//功能2：每次回调函数的返回值被map组成新数组返回
var arr = ["Tom","Jack","Lucy","Lily","May"];
var a = arr.map(function(value,index,self){
return "hi:"+value;
})
console.log(a); //["hi:Tom", "hi:Jack", "hi:Lucy", "hi:Lily", "hi:May"]
console.log(arr); //["Tom", "Jack", "Lucy", "Lily", "May"]---原数组未改变
14.filter()
功能: 1.同forEach功能
2.filter的回调函数需要返回布尔值，当为true时，将本次数组的数据返回给filter，最后filter将所有回调函数的返回值组成新数组返回（可以理解为过滤）。
参数：filter(callback),callback参数分别为value，index，self
eg：
//功能1：同forEach
var arr = ["Tom","Jack","Lucy","Lily","May"];
var a = arr.filter(function(value,index,self){
console.log(value + "--" + index + "--" + (arr === self))
})
// 打印结果为：
// Tom--0--true
// Jack--1--true
// Lucy--2--true
// Lily--3--true
// May--4--true
//功能2：当回调函数的返回值为true时，本次的数组值返回给filter，被filter组成新数组返回
var arr = ["Tom","Jack","Lucy","Lily","May"];
var a = arr.filter(function(value,index,self){
return value.length > 3;
})
console.log(a); //["Jack", "Lucy", "Lily"]
console.log(arr); //["Tom", "Jack", "Lucy", "Lily", "May"]---原数组未改变