截断长字符串的聪明方法

有没有人有一个更复杂的解决方案/库，用JavaScript截断字符串，并在末尾放一个省略号，比明显的一个:

if (string.length > 25) {
  string = string.substring(0, 24) + "...";
}

当前回答

该功能还可以截断空格和文字部分。(例如:母亲变成飞蛾……)

String.prototype.truc= function (length) {
        return this.length>length ? this.substring(0, length) + '&hellip;' : this;
};

用法:

"this is long length text".trunc(10);
"1234567890".trunc(5);

输出:

这是… 12345年……

其他回答

大多数现代Javascript框架(JQuery, Prototype等)都有一个附加在String上的实用函数来处理这个问题。

下面是Prototype中的一个例子:

'Some random text'.truncate(10);
// -> 'Some ra...'

这似乎是您希望其他人处理/维护的功能之一。我会让框架来处理它，而不是编写更多的代码。

如果使用Ext.js，可以使用Ext.util.Format.ellipsis函数。

我喜欢使用.slice()，第一个参数是开始索引，第二个是结束索引。介于两者之间的都是你能得到的。

var long = "hello there! Good day to ya."
// hello there! Good day to ya.

var short  = long.slice(0, 5)
// hello

我不确定这是否算聪明，但它简洁明了:

truncateStringToLength (string, length) {
  return (string.length > length)
    ? `${string.substring(0, length)} &hellip;`
    : string
}

……然后:

truncateStringToLength('Lorem ipsum dolor sit amet, consetetur sadipscing', 20)

Text-overflow:省略号是您需要的属性。有了这个和一个溢出:隐藏在一个特定的宽度，超过它的所有东西将在最后得到三个周期的效果……不要忘记添加空格:nowrap或文本将被放入多行。

.wrap{
  text-overflow: ellipsis
  white-space: nowrap;
  overflow: hidden;
  width:"your desired width";
}
<p class="wrap">The string to be cut</p>

推荐文章