整理了数组遍历的方法
1、for循环
letarr=[ 1,2,3,4 ]
for(letj=0,len=arr.length; j len; j ) {
控制台. log (arr [ j ];
}
2、财富循环
//1没有返回值
ARR.Foreach((item,index,array )={
console.log (索引' : ' arr [索引];
() )
//参数: value数组中的当前条目、索引中当前条目的索引、array中的原始数组;
//数组中有几个项时,传递的匿名回调函数需要执行几次
3、映射循环
map回调函数支持返回返回值
它不影响原始数组,但相当于克隆了一个原始数组,并更改了克隆的这一个数组的对应项。
varary=[ 12,23,24,42,1 ];
varres=ary.map (功能(item,index,ary ) )
返回项目* 10;
() )
控制台. log (RES; //- [ 120,230,240,420,10 ]; 复制并修改了原始数组
控制台. log (ary; //- [ 12,23,24,42,1 ]; 原始序列没有变化
for Of横移
可以调用break、continue和return语句
var myarray=[ 12,23,24,42,1 ];
for(varvalueofMyarray ) {
控制台. log (value;
}
5、穿越费尔特
原始数组保持不变,返回新数组
var arr=[
{ id: 1,value: 2 },
{ id: 2,value: 4 },
{ id: 2,value: 7 },
]
let new arr=arr.filter (item=item.value2);
控制台. log (new arr,arr ) )。
6、电偶遍历
every ) )对数组中的每个项执行预定函数,如果该函数为每个项返回true,则返回true。 返回false后结束遍历
vararr=[ 1,2,3,4,5,6 ];
if (arr.every (功能(item,index,array ) )
返回项目3;
() ) )
console.log (满足条件,每个大于3 );
}else{
console.log ('不符合条件,并不是每个都大于3 ' );
}
7、some遍历
some ) )对数组中的每个项目执行指定的函数,如果该函数满足其中一个项目的条件,则返回true并结束遍历。 否则我要回false。
vararr=[ 1,2,3,4,5,6 ];
if (arr.some (功能(item,index,array ) )。
返回项目3;
() ) )
console.log (' );
}else{
console.log ('不满足条件,没有大于3的);
}
8、重做
reduce对数组中的每个元素顺序执行回调函数,并调用初始值(或上一个回调函数的返回值)、当前元素值、当前索引和reduce的数组,而不包含数组中已删除或未分配的元素
var total=[ 0,1,2,3,4 ].reduce ((a,b )=a b ); //10
控制台. log (总)
9、重做权限
reduceRight (方法的功能与reduce ) (reduceRight )的功能相同,但reduceRight ) )从数组末尾向前累积数组中的数组条目。
当reduceRight ()第一次调用回调函数callbackfn时,prevValue和curValue可以是两个值之一。 reduceRight ) )的调用中指定initialValue参数时,prevValue等于initialValue,curValue等于数组中的最后一个值。 如果未指定initialValue参数,则prevValue等于数组中的最后一个值,curValue等于数组中倒数第二个值。
vararr=[ 0,1,2,3,4 ];
arr.reduce right (功能(pre value,curValue,index,array ) {
控制台. log (pre value,curValue ) )。
返回前值计算;
); //10
10、find
find ()方法返回数组中满足测试函数条件的第一个元素。 否则我会回到undefined
let name=[
{
name: '鲜艳的蓝天',
gender: '男人',
age: 20
(,
{
name: '王小毛',
gender: '男人',
age: 20
(,
{
name: '大胆的滑板',
gender: '男人',
age: 20
}
];
函数getstu (element ) {
return element.name=='大胆的滑板'
}
name.find(getstu ) )。
11、findIndex
对于数组中的每个元素,findIndex方法都会按升序索引调用回调函数,直到元素返回true。 如果一个元素返回true,findIndex将立即返回返回true的元素的索引值。 如果数组中没有返回true的元素,则findIndex返回-1。
findIndex不更改数组对象。
[ 1,2,3 ].findindex (功能(x ) ) { x==2; );
[ 1,2,3 ].findindex (x=x==4);
[ 1,2,3 ].findindex (x=x==3);
12、ES6新方法keys、values、entries
ES6提供了三个用于遍历数组的新方法—— entries (,keys )、values )和——。 它们都返回可以在for.of循环中遍历的遍历器对象。 唯一的区别是,keys (是遍历键名,values )是遍历键值,entries )是遍历键值对
for(letindexof('a ',' b ' ).keys ) )。
控制台. log (索引;
}
//0
//1
for(letelemof['a ',' b'].values () ) }
控制台. log (elem;
}
//'a '
//'b '
for(let[index,elem] of ['a ',' b'].entries () ] )。
控制台. log (索引,elem );
}
//0 'a '
//1 'b '