如何在 JavaScript 中对字符串进行 slugify

slug 是一个字符串，用于以 URL 友好的方式唯一标识资源。它通常在 URL 中用于标识特定页面或网站上的帖子。一个 slug 由一组易于阅读和记忆的字符组成，这些字符准确地描述了资源的内容。

如果字符串满足以下条件，则可以将其限定为 slug：

它由小写字母数字字符 (az,0-9) 和连字符 (-) 组成。
它不包含任何空格或其他特殊字符。
它准确而简洁地描述了它标识的资源的内容。
它在网站或应用程序的上下文中是唯一的。
例如，考虑以下 URL https://byby.dev/react-data-fetching-libraries。在此 URL 中，react-data-fetching-libraries是标识特定博客文章的 slug。

一个简单的slugify
在 JavaScript 中，您可以通过将字符串转换为 URL 友好格式来对字符串进行 slugify，其中任何特殊字符和空格都将替换为连字符或下划线。这是一个可以完成此操作的示例函数：
function slugify(str) {
str = str.replace(/^\s+|\s+$/g, ‘’); // trim leading/trailing white space
str = str.toLowerCase(); // convert string to lowercase
str = str.replace(/[^a-z0-9 -]/g, ‘’) // remove any non-alphanumeric characters
.replace(/\s+/g, ‘-’) // replace spaces with hyphens
.replace(/-+/g, ‘-’); // remove consecutive hyphens
return str;
}