删除地图功能中的重复项

如何解决删除地图功能中的重复项

我正在尝试删除数组中的重复项。 我有来自帖子的标签，这也是数组：

tags: ['react','javascript','node']

从地图功能我有这样的输出： node react javascript react javascript react javascript node

<div class="tags">
  {posts.map(post =>
    post.frontmatter.tags.map(tag => (
      <Link
        key={tag + `tag`}
        to={`/tags/${kebabCase(tag)}/`}
        className="tag is light"
      >
        {tag}
      </Link>
    ))
  )}
</div>

我已经尝试实现 .filter 和 reduce，但我被卡住了。

提前致谢

解决方法

var sandwiches = ['turkey','ham','turkey','tuna','pb&j','tuna'];
var deduped = Array.from(new Set(sandwiches));

// Logs ["turkey","ham","tuna","pb&j"]
console.log(deduped);

,

将值放入 Set 将忽略重复项并将其放回新数组中以映射它。

{{1}}

,

您可以使用 Set 从数组中获取唯一元素，并使用扩展语法将结果作为数组获取。

const arr = ["node","react","javascript","node"];
const res = [...new Set(arr)];
console.log(res);