Question

.toLowerCase 和 null 属性错误

2022-03-13

1209

javascript while-loop

我想让用户能够从提示中输入多个选项，但我无法做到无论输入“rcz”时是否带大写字母，我总是得到相同的错误。我需要我的计数器出现在控制台中，但我得到的却是这个：

Uncaught TypeError: Cannot read properties of null (reading 'toLowerCase')

我正在使用的代码：

alert(`Choose one or more cars. If you want to stop press ESC`);
let userPrompt = prompt(`Available cars: 208, 308, RCZ`);
let promptToLC = userPrompt.toLowerCase();
let counter = 0;
while(userPrompt != null) {
    switch(promptToLC) {
        default:
            alert(`We don't have that car. Try again.`);
            break;
        case "208":
            counter = counter + 1;
            break;
        case "308":
            counter = counter + 1;
            break;
        case "rcz":
            counter = counter + 1;
            break;
    }
    userPrompt = prompt(`Available cars: 208, 308, RCZ`);
    promptToLC = userPrompt.toLowerCase();
}
console.log(counter);

Answer 1

prompt(`Available cars: 208, 308, RCZ`);

返回字符串或 null 。如果 userPrompt 为 null ，则 userPrompt.toLowerCase(); 会导致错误。您可以使用条件链运算符 ?. 修复此问题：

alert(`Choose one or more cars. If you want to stop press ESC`);
let userPrompt = prompt(`Available cars: 208, 308, RCZ`);
let promptToLC = userPrompt?.toLowerCase();
let counter = 0;
while(userPrompt != null) {
    switch(promptToLC) {
        default:
            alert(`We don't have that car. Try again.`);
            break;
        case "208":
            counter = counter + 1;
            break;
        case "308":
            counter = counter + 1;
            break;
        case "rcz":
            counter = counter + 1;
            break;
    }
    userPrompt = prompt(`Available cars: 208, 308, RCZ`);
    promptToLC = userPrompt?.toLowerCase();
}
console.log(counter);

或修改后的逻辑而不使用 promptToLC ：

alert(`Choose one or more cars. If you want to stop press ESC`);
let userPrompt = prompt(`Available cars: 208, 308, RCZ`);
let counter = 0;
while(userPrompt != null) {
    // const promptToLC = userPrompt.toLowerCase();
    switch(userPrompt.toLowerCase()) {
        default:
            alert(`We don't have that car. Try again.`);
            break;
        case "208":
            counter = counter + 1;
            break;
        case "308":
            counter = counter + 1;
            break;
        case "rcz":
            counter = counter + 1;
            break;
    }
    userPrompt = prompt(`Available cars: 208, 308, RCZ`);
}
console.log(counter);

Answer 2

这很可能是因为，如果用户取消提示且未输入任何内容，则“userPrompt”有可能为空。

您可以通过将语句更改为以下内容来断言提示不为空：

let promptToLC = (userPrompt ? userPrompt:"").toLowerCase();

此条件语句将确保在“userPrompt”为空（默认为 falsey 值）的情况下，不会使用空值，而是使用空字符串。