使用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()，数组的索引不保证以稳定的顺序命中，所以它有可能在不同浏览器上的同一对象上运行此命令可能会以不同方式对字符串进行串联。

你可以用一些额外的代码解决这个问题，但在这里并没有看到重要的东西。