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

关于数组的查询替换

img

单位和等级都是单选

img

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

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

img

img

img

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

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