使用 JavaScript 创建 URL 友好的 Slug

简介

在本实验中，我们将探索如何使用 JavaScript 将字符串转换为 URL 友好的 slug。这个过程包括通过将字符串转换为小写并删除特殊字符来规范化字符串，然后将空格、破折号和下划线替换为连字符。在本实验结束时，你将拥有一个函数，它可以从任何给定的字符串生成一个 slug，使其在 URL 和其他基于 Web 的应用程序中更易于使用。

将字符串转换为 URL Slug 的函数

要将字符串转换为可用于 URL 的 slug，请执行以下步骤：

1. 打开终端/SSH 并输入node以开始练习编码。
2. 使用String.prototype.toLowerCase()和String.prototype.trim()方法规范化字符串。
3. 使用String.prototype.replace()方法将空格、破折号和下划线替换为-，并删除特殊字符。
4. 实现以下代码：

const slugify = (str) =>
  str
    .toLowerCase()
    .trim()
    .replace(/[^\w\s-]/g, "")
    .replace(/[\s_-]+/g, "-")
    .replace(/^-+|-+$/g, "");

5. 使用输入slugify('Hello World!');测试该函数，它应返回输出'hello-world'。

总结

恭喜你！你已经完成了“将字符串转换为 Slug”实验。你可以在 LabEx 中练习更多实验来提升你的技能。