如何使用JavaScript迭代数组?

Javascripts中的数组是用于存储不同类型元素的单个变量;可以使用多种方法来迭代数组。下面本篇文章就来给大家介绍一下使用JavaScript迭代数组的一些方法,,希望对大家有所帮助。

方法1:使用for循环

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

输出:

bc7ea18c58d432d749fca0cbc6dcc51.png

方法2:使用while循环

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

输出:

65fbd850cbb4d220754172c7968d795.png

方法3:使用forEach方法

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

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

输出:

56747a571783db138d486021a65ce31.png

方法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>

输出:

60d82dae6d116d9f93741be1b536759.png

以上就是如何使用JavaScript迭代数组?的详细内容,更多请关注html中文网其它相关文章!

赞(0) 打赏
未经允许不得转载:html中文网首页 » JavaScript 答疑

评论 抢沙发

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址

前端开发相关广告投放 更专业 更精准

联系我们

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

微信扫一扫打赏