javascript“ors” - 它们可以组合成一个数组吗？

Question

想知道我是否可以提高我的javascript效率。 我有一个var JSP =“jsp的名字”

我在javascript验证文件中有声明：

if(( JSP == "test.html" ) || ( JSP == "test1.html") || ( JSP == "test2.html" )) then blah blah blah.

有更有效的方法吗？

Answer 1

如果您知道JSP包含字符串，则使用===而非==的效率稍高一些。另请注意，您不需要所有这些parens：

if (JSP === "test.html" || JSP === "test1.html" || JSP === "test2.html") {
    // do something
}

您还可以使用正则表达式：

if (/^test[12]?\.html$/.test(JSP)) {
    // do something
}

......但这取决于“高效”的含义。 ===系列在运行时非常有效。

另外，您可以使用switch：

switch (JSP) {
    case "test.html":
    case "test1.html":
    case "test2.html":
        // Do it
        break;
}

......但我不会称之为效率更高。

我肯定会不将选项放在数组中，因为搜索数组效率不高。但你可以使用地图：

var pages = {
    "test.html":  true,
    "test1.html": true,
    "test2.html": true
};

...然后这个测试：

if (pages[JSP] === true) {
    // do something
}

...这导致相当有效的属性查找。如果您创建对象一次并重复使用它，那是唯一合理的。

（你可能会有人说“或者只是使用if (pages[JSP]) { ... }。但是如果JSP恰好包含”toString“或”valueOf“，或者其他任何继承的属性空白对象来自Object.prototype，则会失败如果你某些它没有任何这些值，那就没关系了。）

Answer 2

您可以使用这些键创建对象：

var theThings = { "test.html": true, "test1.html": true, "test2.html": true };

if (theThings[JSP]) { /* whatever */ }

如果只有三个或四个，它可能不值得，但如果有几十个它肯定会更快，特别是如果测试多次进行。

编辑 - 哇，我在这里哭了一下，伙计们。与线性搜索数组相比，属性名称查找方式更快。

Answer 3

var arr = ['test.html', 'test1.html', 'test2.html'];
if (arr.indexOf(JSP)) != -1) {
   alert("found it!");
}

相关文档here。

Answer 4

if( JSP in {"test.html":0, "test2.html":0, "test3.html":0} ) {
...
}

它在javascript中没有比这更接近SQL的IN( 1, 2, 3)： - ）

Answer 5

if (["test.html", "test1.html", "test2.html"].indexOf(JSP) > -1)

对于不支持indexOf数组的浏览器，MDC会建议添加缺少功能的短代码。

Answer 6

可能效率不高，但你有更清洁的方法去做。例如，您可以使用这样的开关案例：

switch(JSP) {
    case 'test.html':
    case 'test1.html':
    case 'test2.html':
    blablabla; break;
}

或者你可以从网址中创建一个数组，看看你的字符串是否在这个数组中

var arr = [
    'test.html', 'test1.html',
    'test2.html'
];
if(arr.indexOf(JSP) != -1) { blablabla; }

最后一个不适用于所有浏览器。

Answer 7

在jQuery中执行此操作的方法是使用inArray方法，例如：

if ($.inArray(JSP, ["test.html", "test1.html", "test2.html"]) > -1) {
    // your code
}

inArray方法与String.indexOf的工作方式类似，因此如果不匹配则返回-1。

Answer 8

使用正则表达式？

if (/^test\d?\.html$/.test(JSP)) { ... }

我不能保证会更有效率，但代码更加整洁。

或者如果你已经在使用jQuery，你可以使用jQuery.inArray（）：

var names = ['test.html', 'test2.html', 'test3.html'];
if ($.inArray(JSP, names)) { ... }

或underscore.js

var names = ['test.html', 'test2.html', 'test3.html'];
if (_.indexOf(names, JSP) !== -1) { ... }