JavaScript如何遍歷數(shù)組？遍歷數(shù)組方法介紹

在往期文章中為大家介紹了 JavaScript 如何定義數(shù)組。那么這篇文章中 w3cschool 小編來為大家介紹下 JavaScript 如何遍歷數(shù)組。

相關(guān)文章：《JavaScript 如何定義數(shù)組？方法介紹》

方法一：for 循環(huán)遍歷數(shù)組

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

實(shí)現(xiàn)效果：

方法二：forEach() 循環(huán)遍歷數(shù)組

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

運(yùn)行效果如上圖。

方法三：for-in 循環(huán)遍歷數(shù)組

for-in 循環(huán)遍歷對象屬性，JavaScript 中動(dòng)態(tài)獲取 key，隨后可以得到對象中相對應(yīng)的 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>

實(shí)現(xiàn)效果：

以上就是文章“JavaScript 如何遍歷數(shù)組？遍歷數(shù)組方法介紹”的全部內(nèi)容。更多 JavaScript 學(xué)習(xí)請前往 w3cschool。