App下載

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

猿友 2021-06-01 15:19:34 瀏覽數(shù) (2483)
反饋

在往期文章中為大家介紹了 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)效果：

for遍歷數(shù)組

方法二：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)遍歷對(duì)象屬性，JavaScript 中動(dòng)態(tài)獲取 key，隨后可以得到對(duì)象中相對(duì)應(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)效果：

for-in遍歷數(shù)組

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

JavaScript

0 人點(diǎn)贊