Jquery .val（）== **添加多个可能的答案**

Question

我通过执行以下操作实现了这一点，但作为javascript和jquery的新手，我想知道是否有任何更短的方法来添加多个可能的值。

if ($("input:first").val().toUpperCase() == "UNITED STATES" || $("input:first").val().toUpperCase() == "USA" || $("input:first").val().toUpperCase() == "AMERICA") {
                $("#check").text("Correct!").show().fadeOut(5000);
                return true;

喜欢

if ($("input:first").val().toUpperCase() == ("UNITED STATES","USA","AMERICA")) {
                $("#check").text("Correct!").show().fadeOut(5000);
                return true;

这样只能验证本案例中的最后答案AMERICA。

Answer 1

使用$.inArray()：

if( $.inArray( $("input:first").val().toUpperCase(), [ "UNITED STATES", "USA", "AMERICA" ] ) > -1 ) { ...

演示：http://jsfiddle.net/4ar2G/

Answer 2

您可以使用键是必需值的对象和in运算符：

var matches = { 'UNITED STATES': 1, 'USA': 1, 'AMERICA': 1 };

if ($("input:first").val().toUpperCase() in matches) {
   ...
}

根据我的经验，这实际上是非常有效的 - Javascript非常擅长查找对象的属性，并且它避免了线性阵列扫描，因此对于较大的数组，它是O(log n)而不是O(n)。

如果你曾与Object.prototype混淆，请不要使用！

Answer 3

为了平衡，等效的非jQuery方式（因为jQuery不会自动意味着更好）：

if(["UNITED STATES", "USA", "AMERICA"].indexOf($('input:first').val().toUpperCase()) > -1) {
    $("#check").text("Correct!").show().fadeOut(5000);
    return true;
}

Answer 4

试试这个：

if($.inArray($("input:first").val().toUpperCase(), ["UNITED STATES","USA","AMERICA"]) > -1){
            $("#check").text("Correct!").show().fadeOut(5000);
            return true;
}