Vue中for in物件時如何解決屬性為非負整數的問題

這篇文章主要介紹了Vue中for in物件時如何解決屬性為非負整數的問題，有著一定的參考價值，現在分享給大家，有需要的朋友可以參考一下

在我做一個需求的時候for in 一個對象，對象的屬性都是數字

但是我想給這個對象加一個默認的屬性跟值 

原始對像是{5446:"廣州市"}。 。 。 。 。類似於下去

然後我想給我頁面展示出來的有一個預設的值就是「選擇城市」

然後我在物件裡面{"":"選擇城市"}最前面加上的

但是現實並不像我想的那樣，循環這個對象，選擇城市在最上面，而是在最下面  但是我想不通啊  明明我的對像是{"":"選擇城市",5446:"廣州市".......}這樣的

為什麼選擇城市還在列表的最下面然後我就去查資料了

然後看到vue的官網說for in 是按照Object.keys來排序的

Object.keys跟for ...in是一樣的（這句話不知道有沒有問題）

然後我就在控制台demo了一下

var a={"":"123",name:"wenwen"}
for(var i in a){console.log(i)}
"" 
name

這是顯示正常的

然後但是奇怪的事情發生了，當屬性是非負整數的時候

會發生什麼

var a={"":"123",123:"这是一个数字123",12:"这是一个数字12"}


for(var i in a){console.log(i)}
 123
 ""

發現問題了嗎？事情並不像我想的那樣"" 123 12這樣打印

然後我就去查資料發現了

它們會先提取所有key 的parseFloat 值為非負整數的屬性， 然後根據數字順序對屬性排序首先遍歷出來，然後按照物件定義的順序遍歷餘下的所有屬性。其它瀏覽器則完全按照物件定義的順序遍歷屬性。

新版本中的屬性遍歷順序說明與早期版本不同，這將導致遵循ECMA-262 第三版規範內容實作的JavaScript 解析引擎在處理for-in 語句時，與遵循第五版規範實現的解析引擎，對屬性的遍歷順序有不一致的問題

 以上就是本文的全部內容，希望對大家的學習有幫助，更多相關內容請關注PHP中文網！

相關推薦：

基於vue的行動裝置web音樂播放器的實作

如何使用原生js來實現Ajax

以上是Vue中for in物件時如何解決屬性為非負整數的問題的詳細內容。更多資訊請關注PHP中文網其他相關文章！