Lodash FlatMap example

by Annie Lagang

HTML

<script src="https://cdnjs.cloudflare.com/ajax/libs/lodash.js/4.17.4/lodash.js"></script>
<div id="result">

</div>

JavaScript

const frameworks = [{
  title: 'Angular',
  tags: ['js', 'google']
}, {
  title: 'React',
  tags: ['js', 'Facebook']
}, {
  title: 'ASP.NET Core',
  tags: ['.net', 'Microsoft']
}];

const allTags = _(frameworks)
  .flatMap(f => f.tags)
  .sortBy(f => f)
  .sortedUniq()
  .value();

const result = document.querySelector('#result');
result.innerHTML = allTags.join(', ');