另一種簡單的遞歸方法如下所示：
const pathEntries = (obj) =>
Object (obj) === obj
? Object .entries (obj) .flatMap (
([k, x]) => pathEntries (x) .map (([p, v]) => [[k, ... p], v])
)
: [[[], obj]]
const theme = {fonts: {primary: 'Arial', secondary: 'Helvetica'}, colors: {primary: 'green', secondary: 'red'}, margin: {small: '0.5rem', medium: '1rem', large: '1.5rem'}}
console.log(pathEntries(theme))
.as-console-wrapper {max-height: 100% !important; top: 0}
如果提供的值不是對象或數組，那么我們只返回像最終格式一樣包裝的對象，帶有一個空路徑：[[], obj]。如果它是一個對象或數組，我們平面映射對象的條目，重復它們的值，并將它們的鍵添加到遞歸調用中捕獲的每個結果路徑之前。
但我更愿意用更多可重復使用的部分來構建它。
const getPaths = (obj) =>
Object (obj) === obj
? Object .entries (obj) .flatMap (([k, v]) => getPaths (v) .map (p => [k, ... p]))
: [[]]
const path = (ps) => (obj) =>
ps .reduce ((o, p) => (o || {}) [p], obj)
const pathEntries = (obj) =>
getPaths (obj) .map (p => [p, path (p) (obj)])
const theme = {fonts: {primary: 'Arial', secondary: 'Helvetica'}, colors: {primary: 'green', secondary: 'red'}, margin: {small: '0.5rem', medium: '1rem', large: '1.5rem'}}
console .log (pathEntries (theme))
.as-console-wrapper {max-height: 100% !important; top: 0}
getPaths找到你正在尋找的路徑（沒有值），產生類似[["fonts", "primary"], ["fonts", "secondary"], ..., ["margin", "large"]].
path采用該格式的路徑并返回一個函數，該函數采用一個對象，返回沿給定路徑在該對象中找到的值，或者undefined是否缺少任何中間節(jié)點。
pathEntries是主要功能，它首先用于getPaths查找對象中的所有葉路徑，然后通過使用將每個路徑映射到您的輸出格式path。
在任何一種情況下，pathEntries都特定于您有些不尋常的輸出格式。但是對于第二種方法，這兩個輔助函數在很多情況下都非常有用。
但是如果選擇第二種方法，您應該意識到它的性能不如第一種。它多次掃描對象，一次是為了找到路徑，并對每條路徑執(zhí)行部分遍歷。對于可重用部分，我仍然會選擇它而不是其他，除非分析告訴我它是我的代碼庫中的瓶頸。但是你應該記住這一點。
