js 数组 vue 关于数组的查询替换

Question

关于数组的查询替换

单位和等级都是单选

所以筛选条件就会出现两个 点击其他的就对应替换掉

第一个就是怎么判断点击的不会重复添加
第二个就是怎么判断当前点击的是要替换还是要添加

Answer 1

1. 添加之前 先 看看 原数组 有没有 没有再加 或者 你这个 可以 先添加 再去重 。用 new Set 很方便 。
2. 点击 是时 对原数组 就行遍历 。包含 要添加的就 不加了，不包含就 替换

Answer 2

这两个层级里面的数据都会有对应的唯一标识，比如id 名称（总不会一个名称出现多次吧）等，你无论点击哪一个条件，都先对tags 这个数组进行一次遍历，如果你点击的这个目标已经存在于tags数组里面，就执行取消操作，将这个目标从tags数组中删除，如果不存在于tags数组，就将目标添加进去，就很简单的一个逻辑