在前端开发中，有时我们需要对字符串进行处理，例如从一个字符串中删除所有字母数字字符。这在很多情况下都是必要的，比如在处理用户输入、搜索关键词、生成随机字符串等场景中。本文将介绍几种常见的方法来实现这一目的。
方法一：使用正则表达式
正则表达式是一种用于匹配字符串模式的工具，可以用它来快速地匹配和替换字符串中的内容。以下是一个简单的正则表达式，可以匹配所有的字母数字字符：
/[a-zA-Z0-9]/g
其中 / 表示正则表达式的开始和结束，[] 表示字符集合，a-z 和 A-Z 分别表示小写字母和大写字母，0-9 表示数字字符，g 表示全局匹配。接下来我们可以使用 JavaScript 的 replace() 方法来替换字符串中所有匹配的字符：
const str = "abc123"; const result = str.replace(/[a-zA-Z0-9]/g, ""); console.log(result); // output: ""
上述代码中，replace() 方法将所有匹配到的字符替换为空字符串，最终输出结果为空字符串。
方法二：使用 ASCII 码
ASCII 码是计算机内部用来表示字符的编码方式，每个字符都有一个唯一的 ASCII 码。我们可以通过判断一个字符的 ASCII 码是否在某个范围内来确定它是不是字母数字字符。以下是一个示例代码：
-- -------------------- ---- -------
-------- ----------------------- -
--- ------ - ---
--- ---- - - -- - - ----------- ---- -
----- -------- - ------------------
-- ---------- -- -- -- -------- -- --- -- -- ---
--------- -- -- -- -------- -- --- -- -- ---
--------- -- -- -- -------- -- ----- - -- ---
---------
-
------ -- -------
-
------ -------
-
----- --- - ---------
----- ------ - ------------------------
-------------------- -- ------- --上述代码中，charCodeAt() 方法可以获取字符串中指定位置的字符的 ASCII 码，然后我们可以根据 ASCII 码的范围来判断该字符是否为字母数字字符。
方法三：使用 ES6 的新特性
ES6 是 JavaScript 的一个版本，引入了许多新特性和语法糖，可以方便地编写更简洁的代码。其中包括 Array.from() 和箭头函数（=>）等特性，下面是一个使用 ES6 编写的示例代码：
const removeAlphaNumeric = (str) => {
const arr = Array.from(str);
return arr.filter((char) => isNaN(parseInt(char))).join("");
};
const str = "abc123";
const result = removeAlphaNumeric(str);
console.log(result); // output: ""上述代码中，Array.from() 方法将字符串转换成一个字符数组，filter() 方法可以过滤出非字母数字字符，最后使用 join() 方法将字符数组转回字符串。
总结
本文介绍了三种常见的方法来从字符串中删除所有字母数字字符：使用正则表达式、使用 ASCII 码和使用 ES6 的新特性。这些方法都有各自的优缺点，开发者可以根据具体场景选择适合自己的方法。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/9872
