太阳集团tyc5997|官网【中国】有限公司

JS中循环遍历数组的四种方法概述
  • 作者:admin
  • 发表时间:2021-01-27 07:52
  • 来源:未知

本文主要总结和介绍了JS中遍历数组的四种方法。通过实例代码详细介绍,对大家的学习或工作有一定的参考学习价值。需要的朋友可以和边肖一起学习。

本文比较并总结了四种遍历数组的方法:

对于循环:

for(让index=0;index someArray.length索引){

const elem=someArray[index];

//

}

For-in循环:

for(someArray中的常量键){

console.log(键);

}

数组方法。forEach():

someArray.forEach((elem,index)={

console.log(elem,index);

});

For-of循环:

for(someArray的常量){

console . log(elem);

}

For-of通常是最佳选择。我们会明白为什么。

for循环[ES1]

JavaScript中的for循环很老了,ECMAScript 1中已经有了。for循环记录arr的每个元素的索引和值:

const arr=['a ',' b ',' c '];

arr.prop='属性值';

for(让index=0;index arr.length索引){

const elem=arr[index];

console.log(index,elem);

}

//输出:

//0,“a”

//1,' b '

//2,' c '

for循环的优缺点是什么?

使用广泛,但是要遍历数组的时候也比较麻烦。

如果我们不想从第一个数组元素开始循环,它仍然是有用的,这是其他循环机制难以实现的。

强制循环[ES1]

for-in循环和for循环一样古老,它也存在于ECMAScript 1中。下面的代码使用for-in循环来输出arr的键:

const arr=['a ',' b ',' c '];

arr.prop='属性值';

For(在ar Tangshan network company r中的const key

console.log(键);

}

//输出:

//'0'

//'1'

//'2'

//'道具'

For-in不是遍历数组的好方法:

它访问属性键,而不是值。

作为属性键,数组元素的索引是字符串,而不是数字。

它访问所有可枚举的属性键(拥有的和继承的),而不仅仅是数组元素的属性键。

强制访问继承属性的实际目的是遍历对象的所有可枚举属性。

数组方法。forEach()[ES5]

鉴于for和for-in都不特别适合在数组上循环,在ECMAScript 5:array . prototype . foreach()中引入了一个辅助方法:

const arr=['a ',' b ',' c '];

arr.prop='属性值';

arr.forEach((elem,index)={

console.log(elem,index);

});

//输出:

//'a ',0

//'b ',1

//'c ',2

这种方法真的很方便:它使我们无需很多操作就能访问数组元素和索引。如果使用箭头函数(ES6中介绍的),语法上会更优雅。

Baidu
sogou