Удаление дубликатов при вызове из Github API в React

Question

У меня есть функция, в которой я вызываю список типов файлов из gist API пользователя, перебирая его (https://api.github.com/users/getify/gists):

const FileTags = ({files}) => {
  return(
    <div>
      {
          Object.keys(files).map(function (key) {
            return(
              <ul>
              <li> {files[key].language } </li>
            </ul>
            )
          })
        }
    </div>
  );
} 

Я могу успешно вызватьсписок языков, но в списке много дубликатов, например:

Уценка Markdown JavaScript JavaScript JavaScript JavaScript JavaScript JavaScript

Как отфильтровать уникальные языки без повторения, например «Markdown Javascript»"?

Answer 1

Может быть что-то вроде этого:

const FileTags = ( {files } ) =>
    <div>
      <ul>
      {
          [...new Set(Object.keys(files).map(key => files[key].language))]
            .map( el => <li>{el}</li>)
      }
      </ul>
</div>

https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Set

Объект Set позволяет хранить уникальные значения любого типа, будь то примитивные значения или ссылки на объекты.