通过比较两个 Arrays 获取值

Question

我有两个数组一个是 state 像这样

const [state,setState] = useState([])

另一个是在提交时从表单中获取；

   ids = [4,5,6]
setState(ids)

现在，当我第二次更新 state 时，值在 state 中有 4、5、6。 所以值被重复，即 4,5,6,4,5,6

我想要的是确保只有数组中不存在的元素被推送而不是全部，并且我得到有效的 output 如下所示。

4,5,6,7

如果加了 7。

我所做的就是这样，这是完全错误的

 const filterss = [...state];
      setState([]);
      filterss.push(values);
      setState(filterss);

Answer 1

  const filters = [...state];
  values.forEach(item => {
    if (filters.indexOf(item) < 0) {
      filters.push(item);
    }
  })
  setState(filters);

Answer 2

 const ids=[4,5,6] let formSubmitIds=[4,5,6,7] let uniquieIds=[...new Set([...ids,...formSubmitIds])] console.log(uniquieIds)

只需使用此逻辑相应地设置状态，即setState(uniquieIds)

ids是 state 中存储的值

formSubmitIds是您在提交表单时获得的新数组

[...ids,...formSubmitIds]将合并 arrays

Set用于删除重复项

[......new Set]将 Set 转换回仅具有唯一 ID 的数组

Answer 3

首先将所有旧值和新值推送到单个数组中，然后尝试使用 Set() 获取数组中的唯一值。 这是代码。

setState(new Set(arrayName)) 

Answer 4

使用Set()构造函数来实现您的目标。

尝试：

const [state, setState] = useState([])

const ids = [4,5,6]
const formSubmittedIds = [4,5,6,7]

setState([...new Set([...ids, ...formSubmittedIds])]) // Sets [4, 5, 6, 7] to the state

快乐编码:)