javascript - 尝试根据用户输入显示数组中的元素

Question

我正在尝试制作一个程序，它将用户输入的字符串显示为 x 的 5x5 矩阵。因此，如果用户输入“abc”，则结果输出应该是第一行:

Expected output

我目前只允许显示 a、b 和 c，但一旦代码运行，我会将其扩展到字母表中的每个字母。

我为每一行创建了一个数组，其中包含在每一行中创建字母所需的字符。

因此，如果用户输入 abc，程序会将输入拆分为字符数组 ['a','b','c']，然后计算输入的长度 (3)。 while 循环启动，它将检查用户输入的第一个元素是什么字母，并将其与 alphaRow1 数组中的正确元素匹配并打印它。 while 循环将重复此操作，直到遍历完用户输入中的每个元素。

我目前仅尝试了第一行的代码，但稍后将添加其他行。

每次我输入用户输入时，无论我输入“b”还是“c”，它都会出现“a”的 alphaRow1 元素。 while 循环似乎正确重复，因此如果我输入 abc，它将显示 'a' 的 alphaRow1 元素 3 次:

Actual output when user input is "abc"

我不确定出了什么问题，所以它每次都只显示第一个元素。 while 循环似乎是正确的，并且它似乎正在正确递增

alphaRow1 = ["  x  ","xxxx "," xxxx"];
alphaRow2 = [" x x ","x   x","x    "];
alphaRow3 = [" xxx ","xxxx ","x    "];
alphaRow4 = ["x   x","x   x","x    "];
alphaRow5 = ["x   x","xxxx "," xxxx"];

input=prompt("Enter something","Enter here");
letterCount=0;

splitInput = input.split('');
inputLength = input.length;



while (letterCount < inputLength){  //while loop for first row.
    if (splitInput[letterCount] = 'a'){ //if selected element in user input
        document.write(alphaRow1[0]);   //is 'a' display first element from
        letterCount++;                  //alphaRow1
    }
    else if (splitInput[letterCount] = 'b'){
        document.write(alphaRow1[1]);
        letterCount++;
    }
    else if (splitInput[letterCount] = 'c'){
        document.write(alphaRow1[2]);
        letterCount++;
    }
    else{
        document.write("error");
    }
}

Answer 1

您的 if 和 else 语句中有错误。当您应该使用相等运算符 ==

时，您却使用了赋值运算符 =