JS经典面试题：正则表达式获取字符串中的数字

本文主要围绕JavaScript（JS）中的经典正则表达式面试题进行讲解，内容分为两部分：复习字符串传统操作和理解正则表达式的基本概念及应用。 一、复习字符串的传统操作 题目是关于从给定字符串中提取并按数组形式输出所有数字字符。初始的解决方案是通过`charAt()`方法遍历字符串，然后检查每个字符是否在数字范围内（0~9）。如果满足条件，将字符添加到`arr`数组中。然而，这种方法会导致数组元素包含了非连续的数字，例如`['2', '5', '4', '2', '8', '9', '6', '7', '5']`。为了解决这个问题，作者提出了一种改进的方法，使用一个名为`result`的临时字符串来存储连续的数字，当遇到非数字字符时，将`result`中的数字添加到数组`arr`，然后清空`result`，以便于下一次迭代。为了确保不会错过以数字结尾的情况，还在循环外部额外检查一次。 ```javascript function findNum(str) { var arr = []; var result = ""; for (var i = 0; i < str.length; i++) { if (str.charAt(i) >= '0' && str.charAt(i) <= '9') { result += str.charAt(i); } else { if (result) { arr.push(result); result = ""; } } } // 处理可能的尾部数字 if (result) { arr.push(result); } alert(arr); } ``` 二、正则表达式的基础知识 正则表达式是一种强大的文本处理工具，它让程序员能够编写特定模式以匹配、查找或替换字符串。在JavaScript中，正则表达式通常用于验证输入、搜索和替换文本内容。前端开发中常见的应用场景包括： 1. 用户输入验证：例如，验证邮箱、电话号码格式，或者用户名是否符合特定规则。 2. 文本搜索和替换：在网页内容中查找特定的关键词或模式，或替换掉不符合规范的部分。 3. 数据解析：从复杂的字符串结构中提取有用的信息。 正则表达式的语法复杂但强大，可以包含字符类、量词、分组和捕获等元素。例如，下面是一个简单的正则表达式，用于匹配电子邮件地址： ```javascript let emailPattern = /^[a-zA-Z0-9._%+-]+@[a-zA-Z0-9.-]+\.[a-zA-Z]{2,}$/; ``` 总结来说，这篇文章通过实际例子介绍了如何在JS中使用传统方法提取字符串中的数字字符，并深入探讨了正则表达式的概念及其在前端开发中的应用场景。学习和掌握正则表达式对于处理文本数据至关重要，特别是在处理用户输入和数据验证时。