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

猿友 2021-06-01 15:19:34 浏览数 (1662)

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