如何从字符串的起始位置检查是否包含字符串

Question

我想检查一个字符串是否包含另一个字符串。如果包含它应该显示在指定的网格中。

在我的列表中，我有 ["abcd","fabcdgh","fgh","sdfgabcd","hgtabc","abcdefg"] 之类的标题，我想检查“abcd”。 这是我的代码

        <div class="picture-item__details">
        <figcaption class="picture-item__title"><?php echo $title ?></figcaption>
        </div>

  const searchText = evt.target.value.toLowerCase();
  this.shuffle.filter((element, shuffle) => {

  const titleElement = element.querySelector('.picture-item__title');
  const titleText = titleElement.textContent.toLowerCase().trim();

   return (titleText).indexOf(searchText) !== -1;

    });

在 html div 中，我动态获取标题。在顶部我有一个搜索栏，我从那里获取搜索文本。 现在我想检查搜索栏是否包含“abcd”它应该只返回[“abcd”，“abcdefg”]，而不是在字符串中间搜索。 我该使用哪个函数来找出标题是否包含从起始位置开始的“abcd”检查？

任何帮助表示赞赏...在此先感谢。

Answer 1

您只需将代码的返回语句更改为

return (titleText).indexOf(searchText) === 0;

另外，Javascript 现在有一个方便的 startsWith 方法 - 所以你也可以把你的退货声明改成这个

return titleText.startsWith(searchText)