在 Javascript 中使用類似 foreach 的方法

相信習慣使用 foreach 的人也想在 Javascript 中使用它吧！可是 Javascript 中並沒有 foreach 可以用，但有類似的方法能實現它，那就是「for - in」啦！以下附上兩個範例程式碼:

範例一. 走訪物件

1. var myObj = new Object();
2. myObj.color = 'Blue'; 
3. myObj.name = 'Tim'; 
4. myObj.location = 'Taiwan';
5. 
   
6. var content = '';
7. for( var key in myObj ) { 
8.     content += "Key: " + key +"  Value: " + myObj[ key ] + "\n"; 
9. }  //  for
10. 
    
11. alert(content);

範例二. 走訪陣列

1. var myArray = new Array( 'Blue', 'Tim', 'Taiwan' );
2. 
   
3. var content = '';
4. for( var key in myArray ) { 
5.     content += "Key: " + key + "  Value:  " + myArray[ key ] + "\n"; 
6. }  //  for
7. 
   
8. alert(content);

重點在於 for( var key in myarr ) ，它會宣告一個存 key 的 變數，然後走訪後面變數的陣列或物件，若 array 沒有 key 則會以 0、1、2、3...來表示；反之 key 就會是所指定的名稱。