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

2021-06-01 15:19:34 浏览数 (1)

在往期文章中为大家介绍了 JavaScript 如何定义数组。那么这篇文章中 zijiebao 小编来为大家介绍下 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>

实现效果:

for遍历数组

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

实现效果:

for-in遍历数组

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

0 人点赞