JavaScript：考虑字母顺序的搜索栏

Question

这是我在 stackOverflow 中的第一篇文章（请不要成为怪物，呵呵）。我正在寻找有关搜索栏功能的建议或提示。我已经在使用这个了：

    for (i = 0; i < taskButton.length; i++) {
    //if there is a match 
        if (tasks[i].toUpperCase().indexOf(filter) > -1) {
        //display the match
          taskButton[i].style.display = "";
        } else {
          //hide the mismatch
          taskButton[i].style.display = "none";
        }
    }

但是使用indexOf，字符串中是否有空格字符，例如，它将显示所有带有空格的字符串。我想考虑每个字母的顺序来改进这个搜索功能。 谢谢大家！

Answer 1

使用startsWith 代替indexOf：

for (let i = 0; i < taskButton.length; i++) {
  taskButton[i].style.display = tasks[i].toUpperCase().startsWith(filter)
    ? ''
    : 'none';
}

您可以使用条件运算符使代码更简洁，如上所述，并确保声明您的 i 变量 - 如果您不声明变量，您将隐式分配给全局对象 (这很乱），或，如果你处于严格模式，则会抛出错误。