如何使用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

推荐阅读:

java基础教程

layui框架

go语言教程

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值