Truncate a string straight JavaScript

javascript truncate
Bob picture Bob · Aug 19, 2009 · Viewed 301.7k times · Source

I'd like to truncate a dynamically loaded string using straight JavaScript. It's a url, so there are no spaces, and I obviously don't care about word boundaries, just characters.

Here's what I got:

var pathname = document.referrer; //wont work if accessing file:// paths
document.getElementById("foo").innerHTML = "<a href='" + pathname +"'>" + pathname +"</a>"

Answer

Larsenal picture Larsenal · Aug 19, 2009

Use the substring method:

var length = 3;
var myString = "ABCDEFG";
var myTruncatedString = myString.substring(0,length);
// The value of myTruncatedString is "ABC"

So in your case:

var length = 3;  // set to the number of characters you want to keep
var pathname = document.referrer;
var trimmedPathname = pathname.substring(0, Math.min(length,pathname.length));

document.getElementById("foo").innerHTML =
     "<a href='" + pathname +"'>" + trimmedPathname + "</a>"

Related questions

I want to truncate a text or line with ellipsis using JavaScript

I'm looking for a simple script which can truncate a string with ellipsis (...) I want to truncate something like 'this is a very long string' to 'this is a ve...' I don't want to use CSS or PHP.

Read More
Cut a string after n characters, but if it's in the middle of a word cut the whole word

I'm trying to make a JS function that cuts a string after n characters - that works. The problem is if it's in the middle of a word it looks bad, so I need your help making it cut the …

Read More
Javascript truncate HTML text

Does JavaScript have a way of truncating HTML text without all the headaches of matching tags etc etc? Thank you.

Read More