JavaScript 使用for迭代數(shù)組

■知識(shí)點(diǎn)

    for和for/in語(yǔ)句都可以迭代數(shù)組。for語(yǔ)句需要配合length屬性和數(shù)組下標(biāo)來(lái)實(shí)現(xiàn)，執(zhí)行效率沒(méi)有for/in語(yǔ)句高。另外，for/in語(yǔ)句會(huì)跳過(guò)空元素。

■實(shí)例設(shè)計(jì)

【示例1】下面的示例使用for語(yǔ)句迭代數(shù)組，過(guò)濾出所有數(shù)字元素。

var a = [1, 2, ,,,,,,true,,,,,,, "a",,,,,,,,,,,,,,,4,,,,,56,,,,,,"b"];  //定義數(shù)組

var b = [], num=0;

for( var i = 0; i < a.length ; i ++ ){           //遍歷數(shù)組

    if( typeof a[i] == "number")               //如果為數(shù)字，則返回該元素的值

        b.push( a[i]);

    num++;                                           //計(jì)數(shù)器

}

console.log( num );                          //返回42,說(shuō)明循環(huán)了42次

console.log ( b );                             //返回[1,2,4,56]

【示例2】下面的代碼使用for/in語(yǔ)句迭代示例丨中的數(shù)組a。在for/in循環(huán)結(jié)構(gòu)中，變量i表示數(shù)組的下標(biāo)，而a[i]為可以讀取指定下標(biāo)的元素值。 var b = [], num=0;

for ( var i in a ) {                               //遍歷數(shù)組

    if ( typeof a[i] == "number")       //如果為數(shù)字，則返回該元素的值

        b.push ( a [i]);

    num++;                                 //計(jì)數(shù)器

}

console.log ( num ) ;               //返回7，說(shuō)明循環(huán)了 7次

console.log ( b );                      //返回[1,2,4,56]

通過(guò)計(jì)時(shí)器可以看到，for/in迭代數(shù)組，僅循環(huán)了 7次，而for語(yǔ)句循環(huán)了 42次。