用短划线替换空格并使所有字母小写

Question

我需要使用jQuery或vanilla JavaScript重新格式化字符串

让我们说我们有"Sonic Free Games".

我想把它转换成"sonic-free-games".

所以空格应该用短划线代替,所有字母都换成小写字母.

对此有何帮助？

Answer 1

只需使用String replace和toLowerCase方法,例如:

var str = "Sonic Free Games";
str = str.replace(/\s+/g, '-').toLowerCase();
console.log(str); // "sonic-free-games"

注意它上面的g标志RegExp,它将在字符串中全局替换,如果没有使用,只会替换第一个匹配项,并且还会RegExp匹配一个或多个空白字符.

我想出的变体使用\ W代表任何非字母数字字符.这对于像'A&P Grocery'这样的东西很有用,它会成为'ap-grocery'.`str.replace(/\W +/g,' - ').toLowerCase();` (45认同)
@RomelIndemne 现在你可以使用 [`String.prototype.trim`](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/String/trim) 方法：修剪().替换(/\s+/g, '-').toLowerCase()` (5认同)
介意不要引用正则表达式部分，即 `replace(/\s+/g, ..` 和 **not** `replace('/\s+/f', ..` (不带撇号)) (2认同)

Answer 2

上面的答案可以被认为是混淆了一点.字符串方法不修改原始对象.他们返回新对象.肯定是:

var str = "Sonic Free Games";
str = str.replace(/\s+/g, '-').toLowerCase(); //new object assigned to var str

Answer 3

您还可以使用split和join:

"Sonic Free Games".split(" ").join("-").toLowerCase(); //sonic-free-games

这不是真的，以这个为例 ```"Sonic Free Games".split(" ").join("-").toLowerCase(); ```` (2认同)

Answer 4

一种非常简单的方法是使用 JavaScript String ReplaceAll() 方法。

"Sonic Free Games".replaceAll(' ', '-').toLowerCase(); //sonic-free-games

对于像这样的简单替换，正则表达式通常是多余的。

这更简单且更具可读性。

但是，如果您仍然需要正则表达式，也可以通过此方法使用它们。请参阅moz 文档以获取示例。

如果您需要 IE 支持，则需要一个 polyfill。

Answer 5

如果你的项目中有lodash，你可以尝试kebabCase

_.kebabCase('Sonic Free Games')

Answer 6

var str = "Tatwerat Development Team";
str = str.replace(/\s+/g, '-');
console.log(str);
console.log(str.toLowerCase())