javascript - Reactjs 按字母顺序过滤列表

Question

我有一个电子邮件地址列表。我想在用户输入电子邮件地址时过滤它们。当用户开始输入以字母“A”开头的电子邮件地址时，结果列表应仅显示以“A”字母开头的电子邮件地址。不是电子邮件地址中间或最后的字母“A”。

我正在使用 .filter 方法。当我键入“A”时，它会显示所有“A”字母可用的电子邮件地址。不是第一个字母。

.filter(item => {
    return item.email.toLowerCase().indexOf(props.filterText.toLowerCase()) !== -1
}) 

item 是一个对象，email 是值。 filterText 获取用户输入的要过滤的文本。

Answer 1

有两种方法

使用 String.prototype.startsWith

items.filter(item => item.toLowerCase().startsWith(props.filterText.toLowerCase()))

或者如果只有一个字母你可以只检查第一个索引

items.filter(item => item[0] && item[0].toLowerCase() === "a")