Блог

Я создаю функцию для эксперимента по самостоятельному чтению с дизайном движущегося окна, в котором вводится предложение, а функция заменяет все буквы тире. Затем участник щелкает по предложениям, открывая первое слово/регион; при следующем щелчке открывается второе слово/регион, а предыдущее слово/регион снова покрывается тире и так далее до конца предложения. Ниже приведен мой код для функции replaceWithdash для достижения этой цели.

 function replaceWithdash(sentenceList, currentWordNumber) {
var index, result, word, lett, reslett;
result = "";
index = 0;
while ((index < sentenceList.length)) {
    word = sentenceList[index];
    if ((index !== currentWordNumber)) {
          result = ((result   ("-".repeat(word.length)))   " "); 
    } else {
        result = ((result   word)   " ");
    }
    index = (index   1);
    lett = Sentence.charAt(index);
    reslett = result.charAct(index);
    if (lett === " ") {
        result = (reslett.replace("-"," "));
        } else {
        result = (reslett);
        }
    }
return resu<
}
 

Проблема, с которой я сталкиваюсь, связана с отображением пунктирного предложения. Первая функция ifelse в основном говорит, что если вы не находитесь в текущем слове, замените длину слов (разделенных в «Списке предложений», а затем определенных в «слове») тире. Если вы находитесь в текущем слове, просто отобразите это слово как есть. Таким образом, дословное отображение будет выглядеть следующим образом: Ввод = Собака съела пищу

 --- --- --- ----
*click*
The --- --- ----
*click*
--- dog --- ----
 

и так далее. Проблема, с которой я сталкиваюсь (отсюда необходимость переменных «lett» и «reslett»), заключается в том, что я не хочу отображать слово за словом, вместо этого я хочу отображать регион за регионом. Эти области могут включать в себя несколько слов. Таким образом, в приведенном выше примере первой областью будет «собака», а не просто «тот». Чтобы правильно разделить строку для отображения при нажатии, я просто изменил ввод на «Собака, ела, еда» и сделал запятые разделителем для отдельного списка предложений. Однако это приводит к такому результату:

 ------- --- --------
*click*
The dog --- --------
 

Как вы можете видеть, дисплей корректен в том смысле, что отображается первая область, более высокая, чем первое слово, но функция replaceWithdash считывает пробелы между словами как символ, поэтому отображение тире неверно и пробел не виден (поэтому похоже, что в предложении 3 слова, а не 5). Чтобы избежать этого, я пытаюсь создать еще один оператор if, используя переменные «lett» и «reslett», которые выбирают определенный индекс в исходном предложении и в пунктирном предложении («результат»). If-else означает: если индекс символов в предложении является пробелом, то тот же индекс символов в результирующем пунктирном предложении (поскольку они одинаковой длины) заменяется пробелом. Если символ не является пробелом, то просто оставьте его как есть в результате, т. е. тире. Итак, в приведенном выше предложении через Чарат(0)-Чарат(3) тире должны остаться, но как только вы нажмете Чарат(4), «результат» теперь должен заменить этот тире пробелом.
Я мало что знаю о Java-скриптах, кроме того, чему я сам учился, поэтому я думаю, что мой код может быть немного неправильным, потому что он на самом деле не работает.
Дисплей, который мне нужен, это:

 --- --- --- --- ----
*click*
The dog --- --- ----
 

С помощью этого кода он просто заменяет все тире пробелами (так что на дисплее ничего нет), так что здесь что-то не так, есть идеи?

Если я правильно понял, это то, что вы ищете или, верно?

 function replaceWithdash(sentenceList, currentWordNumber) {
    const regions = sentenceList.split(",")
    const sigil = regions.map(s => s.replaceAll(/[^s]/g, "-"))
    if (currentWordNumber !== undefined) {
        sigil.splice(currentWordNumber, 1, regions[currentWordNumber])
    }
    return sigil.join("")
}

str = "The dog, ate, the food"

console.log(replaceWithdash(str))
//"--- --- --- --- ----"

console.log(replaceWithdash(str, 0))
//"The dog --- --- ----"

console.log(replaceWithdash(str, 1))
//"--- --- ate --- ----"

console.log(replaceWithdash(str, 2))
// "--- --- --- the food"