重构嵌套的for each循环

Question

我有一段代码，用于从对象中迭代贴纸信息。为此，我使用了两个嵌套的forEach循环。是否有更好的方法在lodash中重构以下代码而不使用嵌套的forEach或任何更好的建议。

var stickers = [];
_.forEach(data.families.categories, function (category) {
    _.forEach(category.stickers, function (sticker) {
        stickers.push(sticker);
    });
});

以下是对象示例。

var data = {
  "families": {
    "id": "my_family",
    "categories": [
      {
        "label": "sample-1",
        "id": "family-0",
        "stickers": [
          "aa",
          "bb",
          "cc"
        ]
      },
      {
        "label": "US",
        "id": "family-1",
        "stickers": [
          "DD",
          "EE"
        ]
      },
      {
        "label": "sample-2",
        "id": "family-2",
        "stickers": [

        ]
      },
      {
        "label": "sample-3",
        "id": "family-3",
        "stickers": [
          "FF",
          "GG",
          "HH",
          "II",
          "JJ"
        ]
      }
    ]
  }
}

- Rakesh Kumar

---

为什么会有负面投票？请建议负面投票者。 - Rakesh Kumar

我会使用 map 和数组连接在 reduce 中完成这个任务。 - Redu

但是为什么会有负面评价呢？这是我的问题，我们如何改进上面的代码。您能给我提供一些片段和示例吗？ - Rakesh Kumar

Answer 1

Lodash 提供了 flatMap 函数，它可以实现你想要的功能：

var stickers =_.flatMap(data.families.categories, 'stickers');

 var data = {
  "families": {
    "id": "my_family",
    "categories": [
      {
        "label": "sample-1",
        "id": "family-0",
        "stickers": [
          "aa",
          "bb",
          "cc"
        ]
      },
      {
        "label": "US",
        "id": "family-1",
        "stickers": [
          "DD",
          "EE"
        ]
      },
      {
        "label": "sample-2",
        "id": "family-2",
        "stickers": [

        ]
      },
      {
        "label": "sample-3",
        "id": "family-3",
        "stickers": [
          "FF",
          "GG",
          "HH",
          "II",
          "JJ"
        ]
      }
    ]
  }
}
    
    var stickers =_.flatMap( data.families.categories, 'stickers');

document.getElementById('result').textContent = JSON.stringify(stickers);

<script src="https://cdnjs.cloudflare.com/ajax/libs/lodash.js/4.15.0/lodash.min.js"></script>

<p>
  <pre id="result"></pre>
</p>

- Gruff Bunny

Answer 2

你可以使用Array#reduce与Array#concat相结合。

var data = { "families": { "id": "my_family", "categories": [{ "label": "sample-1", "id": "family-0", "stickers": ["aa", "bb", "cc"] }, { "label": "US", "id": "family-1", "stickers": ["DD", "EE"] }, { "label": "sample-2", "id": "family-2", "stickers": [] }, { "label": "sample-3", "id": "family-3", "stickers": ["FF", "GG", "HH", "II", "JJ"] }] } },
    stickers = data.families.categories.reduce(function (r, category) {
        return r.concat(category.stickers);
    }, []);

console.log(stickers);

- Nina Scholz