JavaScript如何遍历数组？遍历数组方法介绍

在往期文章中为大家介绍了 JavaScript 如何定义数组。那么这篇文章中 w3cschool 小编来为大家介绍下 JavaScript 如何遍历数组。

相关文章：《JavaScript 如何定义数组？方法介绍》

方法一：for 循环遍历数组

<script type="text/javascript">
    var arr=['Tom','Jenny','Jan','Marry'];
    for(var i=0;i<arr.length;i++){
	console.log(arr[i]);
    }
</script>

实现效果：

方法二：forEach() 循环遍历数组

<script type="text/javascript">
    var arr=['Tom','Jenny','Jan','Marry'];
    arr.forEach(function(item){
	console.log(item)
    })
 }</script>

运行效果如上图。

方法三：for-in 循环遍历数组

for-in 循环遍历对象属性，JavaScript 中动态获取 key，随后可以得到对象中相对应的 value=obj[key]。

<script type="text/javascript">
    const obj={         Jenny:22,
 Tom:20, 
 Jane:18 
 } 
    for(let key in obj){ 
 console.log(key+' ages is '+obj[key]) 
    } 
</script>

实现效果：

以上就是文章“JavaScript 如何遍历数组？遍历数组方法介绍”的全部内容。更多 JavaScript 学习请前往 w3cschool。