javascript - 一个索引依赖于 Java Script 中的另一个索引
问题描述
我正在为移动窗口设计自定进度阅读实验制作一个函数,其中输入一个句子,一个函数用破折号替换所有字母。然后参与者点击句子,发现第一个单词/区域;在下一次单击时,第二个单词/区域被揭开,前一个单词/区域再次被破折号覆盖,依此类推,直到句子结束。下面是我的 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 result;
}
我遇到的问题是虚线句子的显示。第一个 ifelse 函数基本上说,如果您不在当前单词上,则用破折号替换单词的长度(在 'sentenceList' 中分隔,然后在 'word' 中定义)。如果您在当前单词上,则按原样显示该单词。所以一个字一个字的显示应该是这样的: 输入 = 狗吃了食物
--- --- --- ----
*click*
The --- --- ----
*click*
--- dog --- ----
等等。我面临的问题(因此需要 'lett' 和 'reslett' 变量)是我不想逐字显示,而是希望逐个区域显示。这些区域可以包含多个单词。所以在上面的例子中,第一个区域是“the dog”,而不仅仅是“the”。为了分隔字符串以在单击时正确显示,我只是将输入更改为“狗,吃,食物”,并用逗号分隔句子列表。但是,这会产生以下结果:
------- --- --------
*click*
The dog --- --------
如您所见,显示是正确的,因为显示了比第一个单词的第一个区域评估者,但是 replaceWithdash 函数将单词之间的空格作为字符读取,因此破折号显示不正确并且看不到空格(所以看起来像句子中有3个词而不是5个)。作为避免这种情况的一种方法,我正在尝试使用变量“lett”和“reslett”创建另一个 if 语句,它们在原始句子和虚线句子(“结果”)中挑选出一个特定的索引。if-else 的意思是:如果句子中的字符索引是空格,那么结果虚线句子中的相同字符索引(因为它们的长度相同)被替换为空格。如果字符不是空格,则保持原样,即破折号。所以,在上面的句子中,通过charAt(0)-charAt(3),破折号应该保留,但是一旦你点击 charAt(4),'result' 现在应该用空格替换那个破折号。除了我一直在教自己的东西之外,我对 Java Script 了解不多,所以我认为我的代码可能有点偏离,因为它实际上并没有工作。我需要的显示是这样的:
--- --- --- --- ----
*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"
推荐阅读
- excel - vba Excel:仅打印当前页面通过每个 hPagebreak 循环
- javascript - 无法在 discord.js 中获取频道
- javascript - 在 React 中使用 UseContext 时获取未定义的值
- python - 将 Pandas 数据框导出到预格式化的 Excel 电子表格
- python - 提取索引明智的元素
- python - 稳定基线的替代方案3
- javascript - 在对象数组中计算相同的键
- excel - 从 excel 发送电子邮件。放置正文单元格内容后,excel返回“#value!” 错误
- python - pip install py-find-1st 在 ubuntu20 和 centos 上使用 python3.9 失败
- cmd - 无法使用 Git CMD 更改目录