用JavaScript替换重复字符

偏执的太偏执、 2023-02-22 01:27 61阅读 0赞

URLs can be tricky to work with because they can be more complicated than the traditional URL format you type in.  I was again reminded of this when I was parsing Webpack URLs when I saw this beauty:

使用URL可能会比较棘手，因为它们可能比您键入的传统URL格式更复杂。当我解析Webpack URL时，再一次想到了这一点：

webpack-internal:///../rbd/pnpm-volume/144384a5-85d9-4142-b9b9-168eea22eb97/node_modules/.registry.npmjs.org/fbjs/0.8.17/node_modules/fbjs/lib/isNode.js

I parsed the URL with `new URL("....")` but saw that the `pathname` included every leading slash:

我用`new URL("....")`解析了URL，但发现`pathname`包含每个前导斜杠：

///../rbd/pnpm-volume/144384a5-85d9-4142-b9b9-168eea22eb97/node_modules/.registry.npmjs.org/fbjs/0.8.17/node_modules/fbjs/lib/isNode.js

Since I wanted to display a sane pathname, I wanted to figure out how to remove/replace repeated characters with JavaScript.  It was actually easier than I thought it would be:

由于我想显示一个合理的路径名，因此我想弄清楚如何使用JavaScript删除/替换重复的字符。 实际上，这比我想象的要容易：

const prettyPath = urlObj.pathname.replace(/\/{2,}/g, "/");
    
    // > /../rbd/pnpm-volume/144384a5-85d9-4142-b9b9-168eea22eb97/node_modules/.registry.npmjs.org/fbjs/0.8.17/node_modules/fbjs/lib/isNode.js

The `{2,}` part of the regular expression only allows for one of the repeated characters, and `/g` ensures that multiple instances within the string will have the repeat character removed.

正则表达式的`{2,}`部分仅允许重复字符之一，并且`/g`确保字符串中的多个实例将删除重复字符。

Just when I thought I'd seen it all this Webpack URL surprised me.  Luckily a small regex let me show a pretty URL in page to the user!

就在我以为看到了所有这些Webpack URL时，我感到惊讶。 幸运的是，一个小的正则表达式让我在页面上向用户显示了一个漂亮的URL！

> 翻译自: [https://davidwalsh.name/replace-repeated-characters][https_davidwalsh.name_replace-repeated-characters]

[https_davidwalsh.name_replace-repeated-characters]: https://davidwalsh.name/replace-repeated-characters