从数组中删除所有相等的项目

Question

我的反应应用程序中有下一个情况：
我有一个状态：

const [arr1, setArr1] = useState([1, 2, 3, 5, 1, 3]);

下面我在 UI 上渲染数组中的所有项目，例如：

arr1.map(i => <li>{i}</li>)

现在我想删除 所有 数组中相等的项目：
例如：

1. [1, 2, 3, 5, 1, 3] // 应该删除 1 和 3 结果：[1, 2, 5]
   
2. [1, 2, 3, 5, 3] // 应该删除 3 结果：[1, 2, 5]
   删除所有项目时，状态也应在此处更改arr1.map()。
   我试过setArr1([new Set(arr1)])，但它不会删除所有重复的值，它只会删除其中一个。
   如何实现我上面描述的？

Answer 1

您可以计算频率，如果频率大于1，则删除数字。codesandbox

    function removeDuplicates(arr) {
    const frequency = {};
    arr.forEach((el) => {
      frequency[el] = frequency[el] ? ++frequency[el] : 1;
    });

    const result = [];
    for (el in frequency) {
      if (frequency[el] === 1) {
        result.push(el);
      }
    }

    return result;
 }
  

    const arrayWithoutDuplicates = removeDuplicates(arr1);
      return (
        <ul>
          {arrayWithoutDuplicates.map((el) => {
            return <li key={el}> {el} </li>;
          })}
        </ul>
      );

Answer 2

你可以统计数字的频率，然后选择频率为1的数字。

const arr = [1, 2, 3, 5, 1, 3],
      frequency = arr.reduce((o,v) => (o[v] = (o[v] || 0) + 1, o), {}),
      unique = Object.keys(frequency).reduce((r,k) => frequency[k] === 1? [...r, +k]: r, []);
console.log(unique);

Answer 3

下面是使用过滤器的单线

const arr = [1, 2, 3, 5, 1, 3];

const unique = arr.filter(x => arr.filter(y => y === x).length < 2)
console.log(unique);

Answer 4

检查元素上的第一个索引是否等于最后一个索引，当它们相等时表示它是唯一的：

let result = []
let arr = [1, 2, 3, 5, 1, 3]

arr.forEach(e => arr.indexOf(e) === arr.lastIndexOf(e)?result.push(e):null)

console.log(result)