遍歷JSon對象的方法有四種：1.for…in循環(huán)結(jié)合hasownproperty()可遍歷自身屬性，但順序不確定；2.Object.keys()返回鍵名數(shù)組，確保順序一致并支持?jǐn)?shù)組操作；3.object.entries()返回鍵值對數(shù)組，簡潔且順序一致；4.遞歸遍歷用于處理嵌套對象，但需注意棧溢出風(fēng)險。應(yīng)根據(jù)是否需兼容老瀏覽器、是否要求順序、是否存在嵌套結(jié)構(gòu)等場景選擇合適方法。性能差異通常可忽略，兼容性問題可通過polyfill解決，修改對象時建議操作副本以避免異常。
json對象遍歷，簡單來說，就是把JSON對象里的每個鍵值對都走一遍。這事兒聽起來簡單，但實際應(yīng)用場景五花八門，所以掌握幾種不同的遍歷方式還是很有必要的。
解決方案
-
for…in 循環(huán)：最基礎(chǔ)，也最常用
這是JavaScript里最經(jīng)典的遍歷對象的方式。它會遍歷對象所有可枚舉的屬性，包括從原型鏈上繼承來的。但通常我們只關(guān)心對象自身的屬性，所以需要加上 hasOwnProperty() 方法來過濾。
const myJson = { "name": "Alice", "age": 30, "city": "New York" }; for (let key in myJson) { if (myJson.hasOwnProperty(key)) { console.log(`Key: ${key}, Value: ${myJson[key]}`); } }這里需要注意的是，for…in 循環(huán)的順序是不確定的，取決于JavaScript引擎的實現(xiàn)。如果對順序有嚴(yán)格要求，這種方法就不太合適了。
-
Object.keys()：獲取鍵名數(shù)組，再遍歷
Object.keys() 方法會返回一個包含對象所有自身可枚舉屬性鍵名的數(shù)組。然后，我們就可以用普通的 for 循環(huán)或者 foreach 方法來遍歷這個數(shù)組。
const myJson = { "name": "Alice", "age": 30, "city": "New York" }; Object.keys(myJson).forEach(key => { console.log(`Key: ${key}, Value: ${myJson[key]}`); });這種方式的好處是，可以保證遍歷的順序和對象屬性定義的順序一致（在大多數(shù)現(xiàn)代瀏覽器中）。而且，Object.keys() 返回的是一個數(shù)組，可以方便地進(jìn)行各種數(shù)組操作。
-
Object.entries()：鍵值對數(shù)組，更簡潔
Object.entries() 方法會返回一個包含對象所有自身可枚舉屬性的鍵值對數(shù)組。每個鍵值對都是一個數(shù)組，第一個元素是鍵名，第二個元素是鍵值。
const myJson = { "name": "Alice", "age": 30, "city": "New York" }; Object.entries(myJson).forEach(([key, value]) => { console.log(`Key: ${key}, Value: ${value}`); });這種方式最簡潔，可以直接拿到鍵名和鍵值，避免了通過鍵名再去對象里取值的步驟。而且，它也保證了遍歷的順序和對象屬性定義的順序一致。
-
遞歸遍歷：處理嵌套JSON
如果JSON對象里嵌套了其他的JSON對象或者數(shù)組，那么就需要用到遞歸遍歷了。
function traverseJson(obj) { for (let key in obj) { if (obj.hasOwnProperty(key)) { const value = obj[key]; console.log(`Key: ${key}, Value: ${value}`); if (typeof value === 'object' && value !== null) { traverseJson(value); // 遞歸調(diào)用 } } } } const nestedJson = { "name": "Alice", "address": { "street": "123 Main St", "city": "New York" } }; traverseJson(nestedJson);遞歸遍歷的核心思想是，如果當(dāng)前的值還是一個對象，就再次調(diào)用遍歷函數(shù)來處理它。需要注意的是，遞歸深度太深可能會導(dǎo)致棧溢出，所以要謹(jǐn)慎使用。
如何選擇合適的遍歷方法？
選擇哪種遍歷方法，取決于你的具體需求。如果只是簡單地遍歷對象自身的屬性，Object.keys() 或者 Object.entries() 是不錯的選擇，它們更簡潔，而且保證了遍歷順序。如果需要處理嵌套的JSON對象，那么遞歸遍歷是唯一的選擇。
性能考慮：哪種遍歷方式更快？
理論上，for…in 循環(huán)的性能可能略低于 Object.keys() 和 Object.entries()，因為它需要檢查原型鏈上的屬性。但是，在實際應(yīng)用中，這種性能差異通常可以忽略不計。更重要的是選擇適合你需求的遍歷方式，而不是過度關(guān)注性能。
兼容性問題：老版本瀏覽器怎么辦？
Object.keys() 和 Object.entries() 是es6新增的方法，在一些老版本的瀏覽器中可能不支持。如果需要兼容這些瀏覽器，可以使用polyfill。例如，可以使用 babel-polyfill 或者手動實現(xiàn)這兩個方法。
如何避免遍歷過程中修改JSON對象？
在遍歷JSON對象時，如果修改了對象本身的結(jié)構(gòu)，可能會導(dǎo)致一些意想不到的問題。例如，如果在 for…in 循環(huán)中刪除了一個屬性，那么循環(huán)可能會跳過一些屬性。為了避免這種情況，最好在遍歷之前先復(fù)制一份JSON對象，然后在副本上進(jìn)行修改。
.png)
