欧美bbbwbbbw肥妇,免费乱码人妻系列日韩,一级黄片

JavaScript中利用for循環(huán)遍歷數(shù)組

 更新時間：2017年01月15日 12:16:22   作者：浪跡灬天涯  
這篇文章主要為大家詳細介紹了JavaScript中利用for循環(huán)遍歷數(shù)組，最好不要使用for in遍歷，具有一定的參考價值，感興趣的小伙伴們可以參考一下

先看一段代碼

<!DOCTYPE html>
<html lang="en">
<head>
 <meta charset="UTF-8">
 <title>Document</title>
</head>
<body>
 
 <script>
  // 一個普通的數(shù)組  
  var arr =[3,5,2,6];
  // 普通的for 循環(huán)遍歷
  for(var i = 0 ; i < arr.length; i++){
   console.log(i,"類型："+typeof i,arr[i]);
  }
  // 用for in 遍歷數(shù)組
  for(var k in arr){
   console.log(k,"類型："+typeof k,arr[k]);
  }
 </script>
</body>
</html>

這段代碼顯示出了 一點 for循環(huán)遍歷數(shù)組 和for in 循環(huán)遍歷 數(shù)組的一點區(qū)別：

標準的for循環(huán)中的i是number類型,表示的是數(shù)組的下標,但是foreach循環(huán)中的i表示的是數(shù)組的key是string類型。

這還不是坑，只是一點區(qū)別。

再看一段代碼

<!DOCTYPE html>
<html lang="en">
<head>
 <meta charset="UTF-8">
 <title>Document</title>
</head>
<body>
 
 <script>
  // 一個普通的數(shù)組  
  var arr =[3,5,2,6];
  // 在數(shù)組原型上擴展一個方法
  Array.prototype.extend = function(){
   console.log("在數(shù)組原型擴展一個方法");
  }
  // 普通的for 循環(huán)遍歷
  for(var i = 0 ; i < arr.length; i++){
   console.log(i,"類型："+typeof i,arr[i]);
  }
  // 用for in 遍歷數(shù)組
  for(var k in arr){
   console.log(k,"類型："+typeof k,arr[k]);
  }
 </script>
</body>
</html>

這段代碼就是在上邊的代碼的基礎上，為Array做了一下擴充。很簡單，只是添加了一個函數(shù)。但是我們來看運行會出現(xiàn)了什么情況：

輸出的結果中，多出了一行，這一行就是我們擴展的一個函數(shù)，不是我們定義在數(shù)組中的值。到此這個問題就出來了。

綜上所述，用for...in...在通常情況下確實可以正確運行。

但是如果我們在項目采用的是用foreach遍歷數(shù)組，假設有一天誰不小心自己為了擴展js原生的Array類，或者引入一個外部的js框架也擴展了原生Array。那問題就來了。

 所以最好還是用for循環(huán)遍歷數(shù)組

以上就是本文的全部內容，希望對大家的學習有所幫助，也希望大家多多支持腳本之家。

相關文章

最新評論