javascript - 将 Filter() 与警报片段集成

Question

我怀疑这并不是那么困难，但它让我发疯。

在过滤器方法留下字符串或空字符串后，我想要一个警报来反射(reflect)哪一个出现。

这是我得到的最接近的:

function wordCheck(wordInput) {
    var wordList = ["sad tissue","thirsty drink"];
    var wordResult = "";
    var wordInput = wordInput.toLowerCase().trim();
    var filtered = "";

    filtered = wordList.filter(function(val){
       return val == wordInput;
    });
    wordResult = filtered.join(""); 
    return wordResult;
}

function wordAlert(filtered) {
    if (filtered == "") {
        alert("Try Again, Kiddo!");
    } else {
        alert("Good job!");
    }
}

var filtered = wordCheck();

wordAlert(filtered);

谢谢@Nisarg Shah 和@Naren Murali。该意见非常有帮助。

我很惊讶这么快就得到了这么多帮助!

不幸的是，我认为我对情况的描述不够好。

我的 HTML 中有一个带有文本框和复选按钮的表单:

<input id = "textbox" type = "text" name = "word_pair"><br>
<input id = "button" type = "button" value = "Check This!" onclick = "wordCheck();">

学生有一份形容词列表。以及要匹配的名词。他们选择两个，输入它们，然后单击按钮。

我希望 wordCheck() 做 4 件事:(1) 检查单词是否与配对列表匹配，如果匹配，(2) 划掉列表中的单词；然后 (3) 将单词放入文本框的 value = ""部分，学生将根据单词写出句子。例如。 “渴了水” -> “他看起来很渴。给他点水吧。” (4) 错误答案将会收到警告(“再试一次!”)。

我在想，如果我能解决一个简单的警报问题，那么添加其他功能就会很简单。 (我希望我是现实的......)

在您的帮助下，代码在 PythonTutor.com 代码检查器中走得更远，但现在 Google Chrome 讨厌我的 .toLowerCase，说:

Uncaught TypeError: Cannot read property 'toLowerCase' of undefined

或者，如果我注释掉 .toLowerCase() 行，警报几乎会随机触发。

当然，你们让我走得更远；这是一个很大的帮助。

我更改了原始的已损坏代码以反射(reflect)更好的代码。

我只是想给你一个彻底的更新，因为你考虑得这么周到。

如果我有任何进展，我会通知你。

谢谢!

Answer 1

您的代码存在几个问题。

1. filtered 是 wordCheck 函数的本地函数，因此无法在 wordAlert 内部访问它。
2. 这些引号 “ 将导致不正确的语法错误，因为 Javascript 无法识别它们。请改用 ' 或 "。

我还用两条语句替换了 return wordResult = Filtered.join(""); 以提高清晰度，并替换了两个 if(filtered == '') > 和 if(filtered != '') 条件以及 if...else。

此外，我认为最后不需要 wordResult = Filtered.join(""); ，因为您可以通过检查 wordResult 来检查是否返回了任何元素。长度 > 0。但我现在把它留在下面的代码片段中。

function wordCheck(wordInput) {
    var wordList = ['sneeze bleshu','fart omg'];
    var wordResult = '';
    var wordInput = wordInput.toLowerCase().trim();
    var filtered = '';

    filtered = wordList.filter(function(val){
       return val == wordInput;
    });
    
    wordResult = filtered.join("");
    return wordResult;
}

function wordAlert(filtered) {
    if (filtered == '') {
        alert('Try Again, Kiddo!');
    } else {
        alert('Good job!');
    }
}

var result = wordCheck('sneeze bleshu');
wordAlert(result);