使用 JavaScript 的 Array 的注意事項

前言

  最近使用 JavaScript 的 Array 發現跟自己的觀念有不一樣的地方，在此把學習的過程做個紀錄。

內容

  範例如下

let a = [ 1  , 2 , 3 , 4 , 5];
let ar = new Array( 1 , 2 , 3 , 4 , 5 );
let ar1 = new Array( 10 );
console.log(`a length : ${ a.length }`);
console.log(`ar length : ${ ar.length }`);
//ar1 not equal ar1 = [ 10 ]
console.log(`ar1 length : ${ ar1.length }`);


//forEach() will ignored undefined value
//so,nothing to show
ar1.forEach(function(ele){
  console.log(ele);
});

//All value are undefined
for(let i = 0 ; i < ar1.length ; i++)
  console.log(`ar1[ ${ i } ] : ${ ar1[i] }`);

範例的'a'使用常見的手法建置陣列，'ar'使用的是 new Array() 來達成，但'ar1'看似建構一個只有一個元素的陣列，但其實不然，它建構的是擁有 10 個元素的陣列!內容全都是 undefined ，再來說一下最近才發現 forEach() 會過濾 undefined 數值，如果使用傳統的 for 來瀏覽就可以完整瀏覽。

相關文章與資料

用佚代的方式瀏覽陣列