当我们处理用户输入或数据时，很可能会遇到需要从字符串中提取数字的情况。在这篇文章中，我们将介绍如何使用 JavaScript 从字符串中去掉所有非数字字符。
使用正则表达式
JavaScript 中提供了强大的正则表达式功能，可以用来匹配和替换字符串中的内容。在本例中，我们可以使用正则表达式 /[^0-9]/g 匹配所有非数字字符。
下面是一个示例函数，它将接收一个字符串作为参数，并返回该字符串中所有数字字符的字符串表示：
function removeNonDigits(str) {
return str.replace(/[^0-9]/g, '');
}
console.log(removeNonDigits('abc123def456')); // 输出 "123456"在这个函数中，我们使用 replace() 方法将所有非数字字符替换为空字符串。
需要注意的是，正则表达式中的 g 标志意味着全局匹配，即将字符串中所有匹配项都替换。如果没有这个标志，只有第一个匹配项会被替换。
使用 ES6 的新特性
随着 ECMAScript 6（ES6）的发布，JavaScript 引入了许多新的语言特性。其中一个有用的特性是模板文字（template literals）。
模板文字允许我们以一种更优雅的方式构造字符串。我们可以使用反引号包裹字符串，并在其中插入变量或表达式。这使得我们可以更轻松地构造复杂的字符串。
下面是一个使用模板文字的示例函数，它与上一个示例函数功能相同：
function removeNonDigits(str) {
return `${str}`.replace(/[^0-9]/g, '');
}
console.log(removeNonDigits('abc123def456')); // 输出 "123456"在这个函数中，我们使用反引号将输入字符串转换为字符串模板，然后使用 replace() 方法替换非数字字符。
需要注意的是，我们在字符串模板周围使用了 ${}，以将字符串转换为字符串模板。这对于确保正确的类型转换非常重要。
总结
在 JavaScript 中从字符串中去掉所有非数字字符，有多种方法可供选择。我们可以使用正则表达式、ES6 的模板文字，甚至是字符串迭代器。无论你选择哪种方法，都要确保你的代码易于理解和维护。
本文介绍了使用正则表达式和模板文字两种方法。希望这篇文章能够帮助您更好地理解如何处理字符串，并提供了一些新的工具和技巧。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/8238