Question

在JavaScript（以及大多数其他编程语言）中，我注意到在检查同一变量的多个conidition并对每个条件执行相同的操作时，很难简洁地编写if-statments。是否有可能在这样的场景中更简洁地编写if语句？

if(x==1|x==2|x==3){ //Is there any way to make this less verbose?
    console.log("X equals either 1 or 2 or 3!");
}

//this isn't syntactically correct, but it's more concise,
//and I wish it were possible to write it more like this
if(x==(1|2|3)){
    console.log("X equals either 1 or 2 or 3!");
}

Answer 1

您可以使用正则表达式：

if (/^(1|2|3)$/.test(x)) { ... }

Answer 2

您可以使用：

if ([1, 2, 3].indexOf(x) >= 0) { ... }

如果需要更复杂的相等测试，可以定义自己的函数并将其与内置some()迭代器一起使用：

function match(value1, value2) { var result = . . .; return result; }

if ([1, 2, 3].some(match.bind(null, x))) { . . . }

（bind出现在JS 1.8.5中;如果需要向后兼容性，可以使用：

if ([1, 2, 3].some(function(elt) {return match(x, elt);})) { . . . }

Answer 3

或

if([1, 2, 3].indexOf(x) !== -1){} //since JS 1.6

Array.indexOf

Answer 4

根据我的经验，大多数情况下，只要通过定义返回bool的方法，就可以使if语句更加简洁。您可以使代码更具可读性，更容易测试，也许您甚至可以通过这种方式重用更多代码。

当然其他答案也很方便。

要求的一个例子：

if (password.length < 6 || ! /[0-9]/.test(password) || password == userName) {
    alert('password doesn\'t meet security standards!');
}

VS

function isSecurePassword(pw, userName) {
    if (password.length < 6) return false;
    if (/[0-9]/.test(password)) return false;
    if (password == userName) return false;

    return true;
}

if ( ! isSecurePassword(pw, userName)) {
    alert(..);
}

（通常你可能会有对象和方法，而不必传递变量）

Answer 5

是的，我经常想知道使用相同值的多个if语句的简写。

如果你有空闲时间，我建议你去探索JS的一些函数式编程结构。您或许可以实现更优雅的解决方案。

我无法想出一个好的或声明，但是＆＃39; AND＆＃39;看起来像是一个没有头脑的人。

var Cond = {
    'and': function(val, predicates) {
        return predicates.every( function(predicate) { return predicate(val) } );
    }
}

var predicates = [
    function(val) { return val > 40; }
    function(val) { return val < 45; }
    function(val) { return val === 42; }
];

console.log( Cond.and( 42, predicates ) );

我的例子是超级跛脚，但你应该很容易玩弄。

更简洁地编写if语句

5 个答案: