将替换空间转换为连字符 Javascript

有时我们需要将字符串中的空格或下划线替换为连字符，以便于创建 URL 或者标签类名。

在 Javascript 中，我们可以使用 replace 函数和正则表达式来实现此功能。

替换空格为连字符

如果我们需要将字符串中的空格替换为连字符，可以使用以下代码：

const str = 'Hello World';
const result = str.replace(/ /g, '-');
console.log(result); // 输出：'Hello-World'

在上述代码中，我们传递了正则表达式 / /g 作为 replace 函数的第一个参数，表示匹配所有空格字符。第二个参数是要替换成的目标字符，这里我们使用了连字符 -。

替换下划线为连字符

如果我们需要将字符串中的下划线替换为连字符，可以使用以下代码：

const str = 'hello_world';
const result = str.replace(/_/g, '-');
console.log(result); // 输出：'hello-world'

在上述代码中，我们传递了正则表达式 /_/g 作为 replace 函数的第一个参数，表示匹配所有下划线字符。同样，第二个参数是要替换成的目标字符，这里我们依然使用了连字符 -。

替换空格和下划线为连字符

如果我们需要将字符串中的空格和下划线都替换为连字符，可以使用以下代码：

const str = 'hello_world is awesome';
const result = str.replace(/_| /g, '-');
console.log(result); // 输出：'hello-world-is-awesome'

在上述代码中，我们传递了正则表达式 /_| /g 作为 replace 函数的第一个参数，表示匹配所有空格和下划线字符。同样，第二个参数是要替换成的目标字符，这里我们仍然使用连字符 -。

经过上述操作，我们可以将字符串中的空格或下划线替换为连字符，便于后续的使用。

记得关注前端之魂，获取更多前端开发干货。