展示你的數據，使用多個值進行有效比較的最佳美觀方法是什麼？

Question

什麼是最漂亮的方法來將一個值與多個選項進行比較？

我知道有很多種方法可以做到這一點，但我正在尋找最整潔的方法。

我之所以問這個問題，是因為我希望這樣做是可行的（當你看到它時，顯然是不可行的）：

if (foobar == (foo||bar) ) {
     //做一些事情
}

Answer 1

我以前的做法是將這些多個值放入一個陣列中，如下：

var options = [foo, bar];

然後使用indexOf()方法：

if(options.indexOf(foobar) > -1){
   //做一些事情
}

如果想要更漂亮一點：

if([foo, bar].indexOf(foobar) +1){
   //你再也找不到比这更漂亮的了 :)
}

對於舊版瀏覽器：

( https://developer.mozilla.org/en/JavaScript/Reference/Global_Objects/Array/IndexOf )

if (!Array.prototype.indexOf) {
    Array.prototype.indexOf = function (searchElement /*, fromIndex */ ) {
        "use strict";
        if (this == null) {
            throw new TypeError();
        }
        var t = Object(this);
        var len = t.length >>> 0;
        if (len === 0) {
            return -1;
        }
        var n = 0;
        if (arguments.length > 0) {
            n = Number(arguments[1]);
            if (n != n) { // shortcut for verifying if it's NaN
                n = 0;
            } else if (n != 0 && n != Infinity && n != -Infinity) {
                n = (n > 0 || -1) * Math.floor(Math.abs(n));
            }
        }
        if (n >= len) {
            return -1;
        }
        var k = n >= 0 ? n : Math.max(len - Math.abs(n), 0);
        for (; k < len; k++) {
            if (k in t && t[k] === searchElement) {
                return k;
            }
        }
        return -1;
    }
}

Answer 2

不要試圖太狡猾，特別是當它無謂地影響效能時。 如果你真的有很多比較要做，只需將其格式化得漂亮一些。

if (foobar === foo ||
    foobar === bar ||
    foobar === baz ||
    foobar === pew) {
     //做一些操作
}