爲什麼這會在Chrome中導致無限循環？

Question

這可能是一個愚蠢的問題，但爲什麼下面的循環在Chrome中進入無限循環，而不是在Firefox中？ （顯然，循環測試就是它失敗的地方 - 我只是不知道爲什麼）。

for(var i = 0; localStorage[this.config.localStoragePrefix + i] != 'undefined'; i++) 
    this.config.appCount++; 

它正在檢查存在多少localStorage元素。例如：

localStorage['myPrefix_0'] 
localStorage['myPrefix_1'] 
localStorage['myPrefix_2'] ... 

將返回3.

爲什麼這永遠循環在Chrome中有什麼想法？

Answer 1

這是因爲你比較它的未定義字符串表示，而不是不確定的本身：

localStorage['asdf'] 
>>undefined 
localStorage['asdf'] == undefined 
>>true 
localStorage['asdf'] == 'undefined' 
>>false 

所以，你有兩個選擇，你可以

1）typeof localStorage['asdf'] != "undefined"

或

2）localStorage['asdf'] != undefined

Answer 2

localStorage[this.config.localStoragePrefix + i] != 'undefined'總是返回true，因爲您正在比較'undefined'字符串。更改爲到undefined原始或使用typeof

Answer 3

這是因爲「未定義」是不同的，那麼未定義測試：P

Answer 4

for(var o in localStorage) if (localStorage[o]) this.config.appCount++;