来了来了！JavaScript ECM5新增数组方法

JavaScript学习中，整理了一些ECM5新增数组方法，希望对大家有所帮助，也请大神多多指教！

1、indexOf方法

格式：数组名.index(item,start); 参数：item:任意的数据 start:下标，可以不传入，如果不传入，默认是0
功能：在数组中查找第一次出现item元素下标，从start元素开始找
返回值：若是-1 没有查找到
若是>=0 查找到的元素的下标

var arr = [10,20,30,40,50,20];
var index =  arr.indexOf(20,1);
alert(index);//1

2、forEach方法

格式：数组名.forEach(item,index,arr); 参数：item当前遍历到的元素
index当前遍历到元素的下标
arr数组本身
功能：数组遍历

var arr = [10,20,30,40,50,20];
arr.forEach(function(item, index, arr){
	 document.write(item + "," + index + "," + arr + "<br/>");
});
/*输出结果
10,0,10,20,30,40,50,20(第一个元素为10，下标为0，其余数字为原数组)
20,1,10,20,30,40,50,20(第二个元素为20，下标为1，其余数字为原数组)
30,2,10,20,30,40,50,20(第三个元素为30，下标为2，其余数字为原数组)
40,3,10,20,30,40,50,20(第四个元素为40，下标为3，其余数字为原数组)
50,4,10,20,30,40,50,20(第五个元素为50，下标为4，其余数字为原数组)
20,5,10,20,30,40,50,20(第六个元素为20，下标为5，其余数字为原数组)
*/

3、map映射

格式：
数组名.map(function(item,index,arr){
});
参数：item指代当前遍历到的元素
index指代数组下标
arr指代数组本身
返回值：一个元素个数相同的新数组

var arr = [10,20,30,40,50,20];
var newArr = arr.map(function(item, index, arr){
//遍历要做的事情，映射关系
return item * 1.3;
});
alert(newArr);//13,26,39,52,65,26数组中的每个元素都变为原来的1.3倍
alert(arr);//10,20,30,40,50,20

4、filter方法

filter：过滤
格式：
数组名.filter(function(item,index,arr){
});
参数：同上map参数
功能：将满足过滤条件的数组元素过滤出来

var arr = [10,20,30,40,50,20];
var newArr = arr.filter(function(item, index, arr){
	//过滤的条件
	return item > 20;
});
alert(newArr);//30 40 50
alert(arr);

5、some方法

some 某些
格式：
数组名.some(function(item,index,arr){
});
参数：同上map参数
功能：在数组中查找是否有符合条件的元素，有返回true，没有返回false
短路：只要找到找到符合条件的元素，后面的循环就停止了

var arr = [10,20,30,40,50,20];
var res = arr.some(function(item, index, arr){
return item > 20;
});
alert(res);//true
alert(arr);

6、every方法

every 每一个
格式：
数组名.some(function(item,index,arr){
});
参数：同上map参数
功能：在数组中查找每一个元素是否符合条件，有返回true，没有返回false
短路：只要找到找到不符合条件的元素，后面的循环就停止了

var arr = [10,20,30,40,50];
var res = arr.every(function(item, index, arr){
 	//查找是否每一个元素都满足小于100
 	return item < 100;
 });
alert(res);//true
alert(arr);//10,20,30,40,50

7、reduce方法

reduce归并
格式：
数组名.some(function(prev,next,index,arr){
});
参数：
prev：第一次是 下标为0的元素
第二次开始 上一次遍历return的值
next：从下标一开始，当前遍历到的元素
arr：数组本身

var arr = [10,20,30,40,50];
var res = arr.reduce(function(prev, next, index, arr){
 alert(prev + "," + next);
 return prev + next;//150 两个相加再与后面一个相加，下一次return的值与下一个相加
}); 
alert(res);

希望小伙伴能喜欢并多多支持！欢迎点赞评论，如写的有不合适的，还请多多指教！