如何实现点击#时筛选前缀为数字的选项功能？

针对你开发筛选功能的需求，这里提供两种简洁的实现方式，都能精准筛选出以数字作为前缀的选项，完全符合你"仅检查首个存在的数字值"的要求：

方法一：字符判断 + 数组filter #

这种方式逻辑清晰，通过直接检查字符串第一个字符是否为数字来实现：

const filterValue = ["3D Amazon", "ABC", "5G", "Flip 3Te"];

function filterPrefixNumbers(arr) {
  return arr.filter(item => {
    const firstChar = item.charAt(0);
    // 判断第一个字符是否为有效数字，排除非数字字符干扰
    return !isNaN(parseInt(firstChar)) && isFinite(firstChar);
  });
}

const filteredResult = filterPrefixNumbers(filterValue);
console.log(filteredResult); // 输出: ["3D Amazon", "5G"]

方法二：正则表达式匹配 #

正则在处理字符串前缀匹配时更简洁，一行代码就能完成筛选：

const filterValue = ["3D Amazon", "ABC", "5G", "Flip 3Te"];

const filteredResult = filterValue.filter(item => /^\d/.test(item));
console.log(filteredResult); // 输出: ["3D Amazon", "5G"]

逻辑说明 #

两种方法核心逻辑一致：

• 只校验字符串的第一个字符是否为数字，完全忽略字符串中间或末尾的数字（比如示例里的"Flip 3Te"虽含数字，但因不是前缀会被排除）
• 最终返回的数组就是所有符合"前缀为数字"要求的选项

你可以根据代码风格偏好选择其中一种，直接集成到按钮点击事件的逻辑里就可以啦~

内容的提问来源于stack exchange，提问作者Rushabh Shah