JSON是一種常用的數據傳輸格式,在JavaScript中解析JSON數據會非常方便。而對于JSON數據的遍歷,我們可以使用iterator來實現。
const myJSON = { "person": { "name": "Tom", "age": 26, "city": "Beijing" }, "address": { "province": "Hebei", "city": "Shijiazhuang", "street": "No.123" } }; const myIterator = (obj) =>{ const keys = Object.keys(obj); let index = 0; return { next() { if (index< keys.length) { const key = keys[index++]; return { value: obj[key], key: key, done: false }; } else { return { done: true }; } } }; }; const myIter = myIterator(myJSON); for (let item = myIter.next(); item.done !== true; item = myIter.next()) { console.log(item.key, item.value); }
在上述代碼中,我們使用myIterator函數來生成一個iterator對象。該對象的next方法可以返回當前遍歷到的鍵值對以及該鍵的名稱。
接著,在for循環中,我們可以使用next方法不斷獲取iterator對象的鍵值對,直到done屬性為true時遍歷結束。
當然,我們也可以使用for...of循環來遍歷JSON數據,這里給出示例代碼。
for (let [key, value] of Object.entries(myJSON)) { console.log(key, value); }
以上即是使用iterator遍歷JSON數據的方法,通過對JSON數據進行遍歷,我們可以方便地獲取其中的鍵值對并進行其他操作。
下一篇vue的事件參數