Validation JavaScript de plusieurs booléens

Question

Je veux valider un objet qui possède trois propriétés booléennes, dont une, et une seule, doit être vraie. Quelle est la meilleure façon de vérifier cela ?

J'ai trouvé ça :

var t1 = obj.isFirst  ? 1 : 0,
    t2 = obj.isSecond ? 1 : 0,
    t3 = obj.isThird  ? 1 : 0;

var valid = (t1 + t2 + t3) === 1;

Cela fonctionne bien, mais cela ressemble un peu à une solution d'amateur :-)

Y a-t-il une meilleure façon de procéder ? En utilisant XOR (^) par exemple ?

Answer 1

Vous pourriez filtrer les valeurs de l'objet et vérifier si la longueur est de 1.

let obj = {
    a: true,
    b: false,
    c: false
};
let oneTrue = Object.values(obj).filter(e => e === true).length === 1;
console.log(oneTrue);

Comme @deceze l'a commenté

Il devrait y avoir plus de propriétés dans l'objet : [obj.a, obj.b, obj.c].filter(Boolean)...

---

Notez que dans votre cas, il peut être judicieux d'ajouter une méthode à votre objet qui effectue la vérification pour vous.

let obj = {
    a: false,
    b: false,
    c: false,
    isValid() {
        return this.a + this.b + this.c === 1;
    }
};

console.log(obj.isValid());

Answer 2

Vous pouvez utiliser array.reduce :

var obj = {
    a: true,
    b: false,
    c: false
};
var res = Object.values(obj).reduce((m, o) => m + o) === 1;
console.log(res);

Answer 3

Utilisez :

obj.isFirst + obj.isSecond + obj.isThird === 1

En supposant qu'il est certain que les valeurs sont des booléens et pas quelque chose de différent. Vous pouvez ajouter une conversion explicite si vous le souhaitez, comme ceci :

Number(obj.isFirst) + Number(obj.isSecond) + Number(obj.isThird) === 1

Mais JavaScript effectue aussi implicitement cette conversion pour vous.

_{(Ceci est basé sur <a href="https://stackoverflow.com/users/6692606/asdfgerte">ASDFGerte </a>'s <a href="https://stackoverflow.com/questions/51383746/javascript-validation-of-multiple-booleans#comment89739442_51383746">commentaire </a>.)}

Answer 4

Si l'on prend le problème dans l'autre sens, on dirait que vous essayez de modéliser quelque chose qui peut avoir 3 états possibles. Ne le représentez pas comme 3 booléens, représentez-le comme une variable avec 3 valeurs possibles :

const STATES = ['STATE_A', 'STATE_B', 'STATE_C'];
let value = 'STATE_A';

Si vous voulez utiliser l'un des booléens :

doSomethingDependingOnBooleanC(value === `STATE_C`);

Si vous voulez valider que value contient ce que vous attendez (un de vos 3 états possibles) :

const isValid = STATES.includes(value);
const isValidInOlderBrowsers = STATES.indexOf(value) !== -1;

Answer 5

Vous pouvez faire cela en une ligne, mais ce n'est pas facile à lire. Mais si l'obscurcissement est votre objectif, continuez à lire.

Desde obj.isFirst , obj.isSecond y obj.isThird sont tous soit 0 o 1 vous pouvez utiliser l'opérateur XOR au niveau des bits. ^ entre eux :

(obj.isFirst ^ obj.isSecond ^ obj.isThird) ^ (obj.isFirst && obj.isSecond && obj.isThird)

Nous devons faire un XOR contre obj.isFirst && obj.isSecond && obj.isThird parce que obj.isFirst ^ obj.isSecond ^ obj.isThird évalue à true .