我想用JavaScript截断一个动态加载的字符串。这是一个url，所以没有空格，我显然不关心单词的边界，只关心字符。
以下是我得到的答案:
var pathname = document.referrer; //wont work if accessing file:// paths
document.getElementById("foo").innerHTML = "<a href='" + pathname +"'>" + pathname +"</a>"
当前回答
是的，substring工作得很好:
stringTruncate('Hello world', 5); //output "Hello..."
stringTruncate('Hello world', 20);//output "Hello world"
var stringTruncate = function(str, length){
var dots = str.length > length ? '...' : '';
return str.substring(0, length)+dots;
};
其他回答
可以在内部JavaScript方法的帮助下修复此方法
Const truncate = (text, len) => { 如果(文本。长度> len && text。长度> 0){ 返回“${文本。(" ")。片(0,len)。Join(" ")}…'; }其他{ 返回文本; } };
ES6更新版本
const truncateString = (string = "， maxLength = 50) => 字符串。length > maxLength ？ “${字符串。substring(0,最大长度)}……” :字符串 //演示上述函数 alert(truncateString('Hello World'， 4));
如果您想通过Limit(符号)截断， 但对于不长的文本(例如标题)，你不想删减单词(保留最后一个单词完整):
trancWord(str, limit) {
str = str.split(' ');
let summ = 0
for (let [index, value] of str.entries()) {
summ += value.length
if (summ > limit) {
let cutTolimit = str.slice(0, index);
return str.slice(0, index).join(' ') + ' ' + '...';
}
}
return str.join(' ');
}
对于长字符串(一些长文本后Vue-3使用过滤器):
trancWord (str, max){
if (str.length <= max) { return str; }
let subString = str.substr(0, max);
return (str ? subString.substr(0, subString.lastIndexOf(' ')) : subString) + '...';
}
除了子字符串方法，我找到了一个不错的小JS库用于此目的。
它在普通javascript中有多种有用的方法来截断字符串。
按字符截断:
Var pathname = 'this/is/thepathname'; . getelementbyid(“foo”)。innerHTML = " <类=链接的href = '“+路径名+”>“+路径名+”< / >” //调用插件-字符截断只需要一行init 新Cuttr(”。链接'，{长度:10}); < script src = " https://cdnjs.cloudflare.com/ajax/libs/cuttr/1.3.2/cuttr.min.js " > < /脚本> < div id = " foo " > < / div >
简单地添加一个类到a和初始化插件。
多行文本剪辑也是可能的。 在github页面上的cutter .js文档中提到了更多的选项，如词序句子截断。
一行ES6解决方案
如果字符串长度超过给定长度，它还会添加一个结束字符串，而不仅仅是截断字符串。
const limit = (string, length, end = "...") => {
return string.length < length ? string : string.substring(0, length) + end
}
limit('Hello world', 5) // Hello...
