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

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

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

先看一段代碼

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

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

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

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

再看一段代碼

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

這段代碼就是在上邊的代碼的基礎(chǔ)上，為Array做了一下擴(kuò)充。很簡(jiǎn)單，只是添加了一個(gè)函數(shù)。但是我們來(lái)看運(yùn)行會(huì)出現(xiàn)了什么情況：

輸出的結(jié)果中，多出了一行，這一行就是我們擴(kuò)展的一個(gè)函數(shù)，不是我們定義在數(shù)組中的值。到此這個(gè)問(wèn)題就出來(lái)了。

綜上所述，用for...in...在通常情況下確實(shí)可以正確運(yùn)行。

但是如果我們?cè)陧?xiàng)目采用的是用foreach遍歷數(shù)組，假設(shè)有一天誰(shuí)不小心自己為了擴(kuò)展js原生的Array類(lèi)，或者引入一個(gè)外部的js框架也擴(kuò)展了原生Array。那問(wèn)題就來(lái)了。

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

以上就是本文的全部?jī)?nèi)容，希望對(duì)大家的學(xué)習(xí)有所幫助，也希望大家多多支持腳本之家。

相關(guān)文章

最新評(píng)論