×

JS里4种方法来迭代数组

作者:天空2019.12.31来源:Web前端之家浏览:5663评论:0
关键词:js数组迭代

Javascripts中的数组是用于存储不同类型元素的单个变量;可以使用多种方法来迭代数组,一起来学习下4种方法:

方法1:使用for循环

<script> 
array = [ 1, 2, 3, 4, 5, 6 ]; 
for (index = 0; index < array.length; index++) { 
    console.log(array[index]); 
} 
</script>

方法2:使用while循环

<script> 
index = 0; 
array = [ 1, 2, 3, 4, 5, 6 ]; 
  
while (index < array.length) { 
    console.log(array[index]); 
    index++; 
}
</script>

方法3:使用forEach方法

forEach方法可按顺序为每个数组元素调用一次所提供的函数。

<script> 
index = 0; 
array = [ 1, 2, 3, 4, 5, 6 ]; 
  
array.forEach(myFunction); 
function myFunction(item, index) 
{ 
    console.log(item); 
}
</script>

方法4:使用map

map可将函数应用于每个元素,然后返回新数组。

<script> 
index = 0; 
array = [ 1, 2, 3, 4, 5, 6 ]; 
  
square = x => Math.pow(x, 2); 
squares = array.map(square); 
console.log(array); 
console.log(squares);
</script>

您的支持是我们创作的动力!
温馨提示:本文作者系 ,经Web前端之家编辑修改或补充,转载请注明出处和本文链接:
https://www.jiangweishan.com/article/js82093ousodfuou.html

网友评论文明上网理性发言 已有0人参与

发表评论: