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

看起来有点荒谬，但它有效：

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

_.join(flattenStrings, ' ')

Example

Answer 2

请允许我用一些有组合的lodash来娱乐你。

在连接字符串之前，您可能需要一个可以从任意复杂度的对象/数组中提取值的泛型函数。以下是使用现有lodash构建块构建此函数的方法：

flattenCol()

这将从您的结构中提取所有值，在本例中为字符串。让我们打破这个：

flow()用于构成identity()，map()和flattenDeep()之外的更大功能。
identity()用于确保只将一个参数值传递给map()。
partialRight()组成一个函数，其中iteratee参数部分应用于map()
cond()组成一个函数，该函数根据传入的条件返回映射值。例如，如果isArray()或isPlainObject()返回true，则递归调用{{ 1}}。否则，stubTrue()是默认值，我们只返回值。
此时，我们有一个嵌套的值数组结构 - flattenDeep()将其展平为一个简单的数组。

我发现保持这种通用功能非常有用。要构建字符串，您可以这样做：

flattenCol(a).join(' ');

或者，如果你想保持作曲派对：

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

Answer 3

为了与lodash进行比较，这是一种使用vanilla JavaScript的方法：

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));

请注意，通过同样处理数组和普通对象并使用Object.keys()，数组的索引不能保证以稳定的顺序命中，因此可能在不同浏览器上的同一对象上运行此索引可能以不同的顺序排列字符串的连接。

你可以通过一些额外的代码来解决这个问题，但这里看起来并不重要。

使用lodash提取混合对象/数组的叶子

3 个答案: