Javascript: syntaxe de raccourci pour le contrôle conditionnel?

Question

Dites que j'ai une fonction qui doit vérifier une correspondance avec l'une des deux valeurs différentes. Cependant, l'entrée est très compliquée:

function checker(id, value){ 
    if (this.state.users[id].items[value].name === 'onething ' || 
    this.state.users[id].items[value].name === 'theotherthing '){ 
    // my action 
    } 
} 

Ce que je finis par faire est la suivante:

function checker(id, value){ 
    var name = this.state.users[id].items[value].name 
    if (name === 'onething ' || name === 'theotherthing '){ 
    // my action 
    } 
} 

Est-il possible de faire quelque chose comme ceci:

function checker(id, value){ 
    if (this.state.users[id].items[value].name === 'onething ' || 'theotherthing '){ 
    // my action 
    } 
} 

Il est évident que la deuxième méthode prend moins de frappe et est plus facile à refactoriser que le premier. Comment peuvent-ils comparer la mémoire et la vitesse?

Answer 1

En ECMAScript 2016, vous pouvez faire quelque chose comme:

if (['onething ','theotherthing'].includes(this.state.users[id].items[value].name)) { 
    //do stuff 
} 

La déclaration se compose des éléments suivants:

1. l'instruction if (évidemment)

2. une définition de tableau : ['onething ','theotherthing']

3. c alling la méthode includes() sur le tableau précédemment défini.

En javascript, un tableau est un objet qui possède des méthodes comme n'importe quel autre objet. L'une de ces méthodes est includes() qui vérifie que l'argument est contenu dans le tableau. Le type de retour de cette méthode est booléen donc par l'instruction if il est évalué directement, sans aucun casting

En savoir plus sur includes() méthode here

Answer 2

Vous pouvez utiliser Array#indexOf et un test contre -1

if (['onething ', 'theotherthing '].indexOf(this.state.users[id].items[value].name) !== -1){ 

Answer 3

Vous pouvez utiliser notation objet:

if (this.state.users[id].items in {"onething ":1, "theotherthing ":1}){ 

Ou, une expression rationnelle ld fonctionne aussi - plus courte, mais moins efficace:

if (/onething |theotherthing /.test(this.state.users[id].items)){