有没有更简洁的方法来删除非字母数字字符并替换空格？

Question

我想替换所有非字母数字字符，并用下划线替换空格。到目前为止，我已经使用多个正则表达式提出了这个问题，但有没有更“有效”的方法？

"Well Done!".toLowerCase().replace(/\s/, '-').replace(/[^\w-]/gi, '');

干得好

Answer 1

至少在其他语言中，调用正则表达式引擎的成本很高。我不确定这是否适用于 JavaScript，但这是“C 风格”的做法。我确信自己对其性能进行基准测试将是一次宝贵的学习经验。

var x = "Well Done!";
var y = "";
var c;
for (var i = 0; i < x.length; i++)
{
    c = x.charCodeAt(i);
    if (c >= 48 && c <= 57 || c >= 97 && c <= 122)
    {
        y += x[i];
    }
    else if (c >= 65 && c <=  90)
    {
        y += String.fromCharCode(c+32);
    }
    else if (c == 32 || c >= 9 && c <= 13)
    {
        y += '-';
    }
}
$('#output').html(y);

有关 ASCII 代码，请参阅 http://www.asciitable.com/。这是a jsFiddle。请注意，我还实现了您的 toLowerCase()，只需将 32 添加到大写字母即可。

---

免责声明

当然，我个人更喜欢可读代码，因此更喜欢正则表达式，或者使用某种strtr 函数（如果存在于JavaScript 中的话）。这个答案纯粹是为了教育。

Answer 2

注意： 我想我可以用一个正则表达式提出一个更快的解决方案，但我做不到。下面是我失败的方法（你可以从失败中吸取教训），以及性能测试的结果，以及我的结论。

效率可以通过多种方式来衡量。如果您想减少调用的函数数量，则可以使用单个正则表达式和一个函数来处理替换。

([A-Z])|(\s)|([^a-z\d])

REY

第一组将应用toLowerCase()，第二组将替换为-，第三组将不返回任何内容。我最初对第 1 组和第 3 组使用+ 量词，但考虑到文本的预期性质，删除它会导致更快的执行。 （感谢 acheong87）

'Well Done!'.replace(/([A-Z])|(\s)|([^a-z\d])/g, function (match, $0, $1) {
    if ($0) return String.fromCharCode($0.charCodeAt(0) + 32);
    else if ($1) return '-';
    return '';
});

jsFiddle

性能

我的方法表现最差：

Acheong87  fastest
Original   16% slower
Mine       53% slower

jsPerf

结论

就代码开发时间而言，您的方法是最有效的，与 acheong87 方法相比的性能损失被代码可维护性、可读性和复杂性降低所抵消。除非速度是最重要的，否则我会使用你的版本。

我添加到正则表达式的可选匹配越多，性能损失就越大。除了功能减少之外，我想不出我的方法有什么好处，但这被if 语句和复杂性增加所抵消。