我想用JavaScript截断一个动态加载的字符串。这是一个url,所以没有空格,我显然不关心单词的边界,只关心字符。
以下是我得到的答案:
var pathname = document.referrer; //wont work if accessing file:// paths
document.getElementById("foo").innerHTML = "<a href='" + pathname +"'>" + pathname +"</a>"
我想用JavaScript截断一个动态加载的字符串。这是一个url,所以没有空格,我显然不关心单词的边界,只关心字符。
以下是我得到的答案:
var pathname = document.referrer; //wont work if accessing file:// paths
document.getElementById("foo").innerHTML = "<a href='" + pathname +"'>" + pathname +"</a>"
当前回答
var str = "Anything you type in.";
str.substring(0, 5) + "" //you can type any amount of length you want
其他回答
逻辑如下
得到字符串的长度 如果大于阈值,则获取 子字符串并以省略号或其他符号结束 否则,返回输入字符串 函数truncateString(str: string, num: number, end: string = '…'){ 返回str.length > num ?str.slice(0, num) + end: str; }
可以在内部JavaScript方法的帮助下修复此方法
Const truncate = (text, len) => { 如果(文本。长度> len && text。长度> 0){ 返回“${文本。(" ")。片(0,len)。Join(" ")}…'; }其他{ 返回文本; } };
我觉得应该提一下Sugar.js。它有一个截断方法,非常聪明。
从文档中可以看到:
截断字符串。除非split为true, truncate不会将单词拆分,而是 丢弃发生截断的单词。
例子:
'just sittin on the dock of the bay'.truncate(20)
输出:
just sitting on...
这里有一个你可以使用的方法。这是FreeCodeCamp挑战之一的答案:
function truncateString(str, num) {
if (str.length > num) {
return str.slice(0, num) + "...";
} else {
return str;
}
}
以防你想按单词截断。
function limit(str, limit, end) { limit = (limit)? limit : 100; end = (end)? end : '...'; str = str.split(' '); if (str.length > limit) { var cutTolimit = str.slice(0, limit); return cutTolimit.join(' ') + ' ' + end; } return str.join(' '); } var limit = limit('ILorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus metus magna, maximus a dictum et, hendrerit ac ligula. Vestibulum massa sapien, venenatis et massa vel, commodo elementum turpis. Nullam cursus, enim in semper luctus, odio turpis dictum lectus', 20); console.log(limit);