首页 > 编程知识 正文

foreach遍历数组详解,for循环遍历数组

时间:2023-05-04 12:55:29 阅读:17090 作者:1468

整理了数组遍历的方法

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 '

版权声明:该文观点仅代表作者本人。处理文章:请发送邮件至 三1五14八八95#扣扣.com 举报,一经查实,本站将立刻删除。