使用lodash提取混合對象/數組的葉子

Question

var a = { 
    "errors":{ 
    "meters.electric":[ 
     {"smart_meter":["The smart meter field is required."],"reading":["The selected reading is invalid."]} 
    ], 
    "forename":[ 
     {"invalid_character":["Invalid character in forname.", "Blah blah."]} 
    ] 
    } 
}; 

我有一個對象從API返回，我需要提取結束值來創建單個字符串。從上面的預期輸出owuld是：

The smart meter field is required. The selected reading is invalid.Invalid character in forname. Blah blah. 

我知道我可以建立一系列的循環來實現這一點，但有一個lodash方式？東西沿着https://lodash.com/docs#flattenDeep？

Answer 1

請允許我用一些組合物來吸引你。

在連接字符串之前，您可能需要一個可從任意複雜度的對象/數組中提取值的泛型函數。這裏是你會如何使用現有的lodash積木組成這個功能：

const flattenCol = _.flow(
    _.identity, 
    _.partialRight(_.map, _.cond([ 
    [_.isArray, flattenCol], 
    [_.isPlainObject, flattenCol], 
    [_.stubTrue, _.identity], 
    ])), 
    _.flattenDeep 
); 

這將提取所有的值從結構，在這種情況下，字符串。讓我們打破這：

• flow()用來組成一個更大的功能，出來的identity()，map()和flattenDeep()。
• identity()用於確保只有一個參數值傳遞到map()。
• partialRight()構成與iteratee參數部分應用到map()
• cond()的函數構成，返回基於傳入的條件的映射的值的函數。例如，如果isArray()或isPlainObject()返回true，它會遞歸調用flattenCol()。否則，stubTrue()是默認值，我們只是返回值。
• 在這一點上，我們有一個嵌套的數組結構值 - flattenDeep()將其扁平化爲一個簡單的數組。

我發現保持這種通用的功能是超級有用的。要建立您的字符串，你可以做：

flattenCol(a).join(' '); 

或者，如果你想保持黨的成分會：

const errorString = _.flow(flattenCol, _.partialRight(_.join, ' ')); 
errorString(a); 

Answer 2

這是一個有點可笑尋找，但它的工作原理：通過治療陣列

var a = { 
    "errors":{ 
    "meters.electric":[ 
     {"smart_meter":["The smart meter field is required."],"reading":["The selected reading is invalid."]} 
    ], 
    "forename":[ 
     {"invalid_character":["Invalid character in forname.", "Blah blah."]} 
    ] 
    } 
}; 

function flattenStrings(obj) { 
    if (typeof obj != 'object') { 
    return obj.toString(); 
    } 
    return Object.keys(obj).map(function(key) { 
    return flattenStrings(obj[key]); 
    }).join(""); 
} 

console.log(flattenStrings(a)); 

注和：

var flattenStrings = _.flatMap(_.flatMap(a.errors), function (i) { 
    return _.flatMap(i); 
}); 

_.join(flattenStrings, ' ') 

Example

Answer 3

對於比較lodash，這裏是用香草的JavaScript的方法普通對象和使用Object.keys()，數組的索引不保證以穩定的順序命中，所以它有可能在不同瀏覽器上的同一對象上運行此命令可能會以不同方式對字符串進行串聯。

你可以用一些額外的代碼解決這個問題，但在這裏並沒有看到重要的東西。