在前端开发中，我们经常需要对输入的数据进行格式化或者过滤。本文将介绍如何使用 JavaScript 对字符串进行过滤，只保留其中的 A-Z 和 0-9 字符。
步骤
我们可以使用正则表达式和 JavaScript 的字符串方法来实现这个目标。具体步骤如下：
- 创建一个正则表达式，匹配所有不是 A-Z 和 0-9 的字符。
const regex = /[^A-Za-z0-9]/g;
- 使用
replace方法替换所有匹配的字符为空字符串。
const str = "Hello, world! 123"; const filteredStr = str.replace(regex, ""); console.log(filteredStr); // 输出 "Helloworld123"
解释
在上面的代码中，我们首先创建了一个正则表达式 /[^A-Za-z0-9]/g。这个表达式使用了方括号来表示一个字符集合，这个集合包含所有不是 A-Z 和 0-9 的字符。接着我们使用了 /g 标志，表示全局匹配。
然后我们使用了字符串的 replace 方法，将所有匹配的字符替换为空字符串。最后输出过滤后的字符串。
示例代码
下面是一个完整的示例代码，演示如何从用户输入的字符串中仅保留 A-Z 和 0-9 字符：
-- -------------------- ---- ------- ----- ----- - ---------------- -------- ----------------- - ------ ------------------ ---- - ----- ----- - --------------------------------- ----- ------ - ---------------------------------- ------------------------------- --------------- - ----- ----------- - --------------------------------- ---------------- - ------------ ---
在这个示例代码中，我们首先定义了一个 filterString 函数，用来过滤字符串。然后我们获取了页面上的输入框和输出框，并为输入框添加了一个事件监听器。每次用户输入内容时，都会调用 filterString 函数过滤输入的字符串，并将结果显示在输出框中。
结论
本文介绍了如何使用 JavaScript 对字符串进行过滤，只保留其中的 A-Z 和 0-9 字符。这个技巧在前端开发中非常有用，可以帮助我们提高数据的准确性和安全性。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/30688