Truncate a string straight JavaScript

Question

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     lt a href      pathname     gt     pathname    lt  a gt

User · Answer

Following code truncates a string and will not split words up  and instead discard the word where the truncation occurred  Totally based on Sugar js source   function truncateOnWord str  limit            var trimmable     u0009 u000A u000B u000C u000D u0020 u00A0 u1680 u180E u2000 u2001 u2002 u2003 u2004 u2005 u2006 u2007 u2008 u2009 u200A u202F u205F u2028 u2029 u3000 uFEFF           var reg   new RegExp          trimmable                  var words   str split reg           var count   0          return words filter function word                count    word length              return count  lt   limit             join

User · Answer

Updated ES6 version  const truncateString    string  maxLength   50    gt      if   string  return null    if  string length  lt   maxLength  return string    return    string substring 0  maxLength            truncateString  what up   4      returns  what

User · Answer

yes  substring  You don t need to do a Math min  substring with a longer index than the length of the string ends at the original length   But   document getElementById  foo   innerHTML     lt a href      pathname     gt     pathname    lt  a gt     This is a mistake  What if document referrer had an apostrophe in  Or various other characters that have special meaning in HTML  In the worst case  attacker code in the referrer could inject JavaScript into your page  which is a XSS security hole   Whilst it s possible to escape the characters in pathname manually to stop this happening  it s a bit of a pain  You re better off using DOM methods than fiddling with innerHTML strings   if  document referrer        var trimmed  document referrer substring 0  64       var link  document createElement  a        link href  document referrer      link appendChild document createTextNode trimmed        document getElementById  foo   appendChild link

User · Answer

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          lt a href      pathname     gt     trimmedPathname     lt  a gt

User · Answer

in case you want to truncate by word    x000D   x000D  function limit str  limit  end    x000D   x000D        limit    limit   limit   100  x000D        end    end   end          x000D        str   str split       x000D         x000D        if  str length  gt  limit    x000D          var cutTolimit   str slice 0  limit   x000D          return cutTolimit join              end  x000D          x000D   x000D        return str join       x000D        x000D   x000D      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   x000D   x000D      console log limit   x000D   x000D   x000D

User · Answer

Here s one method you can use  This is the answer for one of FreeCodeCamp Challenges  function truncateString str  num      if  str length  gt  num        return str slice 0  num     quot     quot       else       return str

User · Answer

var str    quot Anything you type in  quot   str substring 0  5     quot     quot    you can type any amount of length you want

User · Answer

x000D   x000D  var pa   document getElementsByTagName  p   0  innerHTML  x000D  var rpa   document getElementsByTagName  p   0   x000D     console log pa slice 0  30    x000D  var newPa   pa slice 0  29  concat         x000D  rpa textContent   newPa  x000D  console log newPa  x000D   lt p gt  x000D  some text here some text here some text here some text here some text here some text here some text here some text here some text here some text here some text here some text here some text here some text here some text here x000D   lt  p gt  x000D   x000D   x000D

User · Answer

Thought I would give Sugar js a mention  It has a truncate method that is pretty smart    From the documentation      Truncates a string  Unless split is true  truncate will not split words up  and instead   discard the word where the truncation occurred    Example    just sittin on the dock of the bay  truncate 20    Output   just sitting on

User · Answer

Yes  substring works great   stringTruncate  Hello world   5     output  Hello     stringTruncate  Hello world   20    output  Hello world   var stringTruncate   function str  length     var dots   str length  gt  length                 return str substring 0  length  dots

[javascript] Truncate a string straight JavaScript

Examples related to javascript

Examples related to truncate