javascript - 筛选输入的输入字段值的下拉值

Question

我有一个数组，其中包含从 0 到 100 的数字。

如果我单击 div 元素，将显示一个下拉列表，其中将显示所有这些数组元素。 但如果我在文本字段中输入数字，例如 0，下拉列表应自动显示数组 contains[0,10,20,30,40,50,60,70,80,90,100] 的值。 例如，如果我们输入数字 10，下拉列表应显示包含 [10,100] 的数组的值；

有人能给我建议一个逻辑吗？

Answer 1

您可以使用以下功能。

//let arr = Array.apply(null, {length: 101}).map(Number.call, Number);

//arr is your array

//num is the number you want to search for

function filterArr(num) {
  return arr
    .map(i => i.toString())
    .filter(i => i.includes(num.toString()))
    .map(i => parseInt(i));
}

console.log(filterArr(0));//logs [ 0, 10, 20, 30, 40, 50, 60, 70, 80, 90, 100 ]

希望这有帮助。由于您没有提供任何代码，您可能无法按原样使用此解决方案。但逻辑应该适合你。