Javascript if语句具有多个允许条件

Question

在JS中，我试图检查扩展名是否以“ png”“ jpg”或“ gif”结尾。我知道这可以通过switch语句来完成，但是我想知道是否有一种更简单的方法可以将所有if条件都放入条件语句中。喜欢：    if (aExtensions[i].toLowerCase() == ('jpg' || 'png' || 'gif')) {}实现此目标的最佳方法是什么？

Answer 1

您可以使用如下数组：

var extensions = ["jpg", "png", "gif"];

if (extensions.indexOf(aExtensions[i].toLowerCase()) > -1) {

    // match

}

在这种情况下，您将存储“有效”扩展名。然后，您可以使用的indexOf方法Array来查找数组中的任何项目是否与您正在查看的特定扩展名相匹配-检查值是否0大于或等于。

indexOf较旧的浏览器不支持此功能，因此您需要包括一个polyfill来对其进行备份。有几种解决方案。

当然，如果只想使用if语句，则可以使用以下格式：

var ext = aExtensions[i].toLowerCase();

if (ext == "jpg" || ext == "png" || ext == "gif") {

    // match

}

我可以想到的另一种可能性是switch声明，例如：

var ext = aExtensions[i].toLowerCase();

switch (ext) {

    case "jpg":

    case "png":

    case "gif":

        // match

        break;

    case default:

        // No match

}

我也可以包括它（其他答案肯定是第一个），但是我想到的还有一个使用正则表达式，例如：

if (/jpg|png|gif/i.test(aExtensions[i])) {

    // match

}

但是请注意，您将永远无法单独获得这些扩展，这就是为什么我希望我提供的前两个选项之一。

Answer 2

那么正则表达式呢？

if ( /jpg|png|gif/i.test( aExtensions[i] ) ) {

  ...

}

Answer 3

实现此目的的另一种方法是使用这样的对象文字，

if ({'jpg':1,'png':1,'gif':1}[aExtensions[i].toLowerCase()]) {

    // ...

}

这样，您就可以查看匿名对象{'jpg':1,'png':1,'gif':1}是否具有一个属性，该属性将由变为true if。1遇到这个，undefined不是。

如果您使用的是对象，则还可以使用in运算符（如Ian所指出的），该运算符给出true对象是否具有与其值无关的键。

if (aExtensions[i].toLowerCase() in {'jpg':0,'png':1,'gif':2}) {

    // ...

}

注意这次'jpg'即使仍然如何'jpg':0。