JS 实现逻辑同或异或

这篇写的时间太久了, 都不知道这个是啥场景了, 看不懂当时写的是啥意思

背景:

做一个根据第一个下拉框的值来决定第二个下拉框选项的功能

第二个下拉框有一个包含全部选项的数组, 要求当’第一个下拉框值是 A’ 时, ‘第二个下拉框的选项是 B’, 否则, ‘第二个下拉框的选项从全部选项中过滤掉 B’

实现:

于是, 逻辑简化为: A ? B : !B

A 是条件 === xxx, Boolean 型; B 是[options].includes(全部选项数组当前遍历到的选项的值), 也是 Boolean 型;

因为不存在"根据 A 来决定是否在 B 前面加上 ! 符"这样的写法, 所以, 进一步转化条件为: (A && B) || (!A && !B), 即数学上的’同或’运算

查到 JS 没有同或运算, 但有按位异或操作符号 ^ , 因为 A 和 B 都是 Boolean 型, 直接使用 A ^ B 得到 0 或 1 , 能满足我的"遍历过滤选项"需求, 所以此处可以用 ^ 符

又因为异或是同或的取反, 于是使用 !(A ^ B) 来做为遍历过滤条件, 成功解决问题