macOS 的Finder应用有一个很酷的功能，它不会裁剪超出空间限制的文件名，而是在文件名中间进行裁剪。这样做确实更有道理，因为这样还能显示文件的格式。

目前（虽然有一个关于此事的CSS讨论），JavaScript 和 CSS 当前还没有实现这种功能的方法，所以我决定写一个这样的方法。我给你提供 trimMiddle()，作为 trimStart 和 trimEnd 的一个补充功能。

你可以找到它。

在 NPM 上：https://www.npmjs.com/package/trimMiddle
在 GitHub 上：https://github.com/codepo8/trimMiddle

你可以试试这个演示页面，看看它是怎么运作的：

要在您自己的产品中使用它，您可以使用 npm -i trimmiddle 或通过 unpkg 获取客户端版本。

    <script class="lazyload" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsQAAA7EAZUrDhsAAAANSURBVBhXYzh8+PB/AAffA0nNPuCLAAAAAElFTkSuQmCC" data-original="https://unpkg.com/trimmiddle@0.1.0/clientside.js"></script>

进入全屏 退出全屏

这种方法允许你设定想要显示的字符数以及各部分间的分隔符。默认情况下显示16个字符，并使用省略号进行分隔。当字符串超出字符限制时，该脚本使用Intl.Segmenter API，这意味着它也能很好地处理包含复合表情符号的字符串。在这种情况下，普通的字符串分割或截取方法将不起作用。