How do I split a string with multiple separators in JavaScript

Question

How do I split a string with multiple separators in JavaScript  I m trying to split on both commas and spaces  but AFAIK JavaScript s split   function only supports one separator

User · Answer

For those of you who want more customization in their splitting function, I wrote a recursive algorithm that splits a given string with a list of characters to split on. I wrote this before I saw the above post. I hope it helps some frustrated programmers.

splitString = function(string, splitters) {
    var list = [string];
    for(var i=0, len=splitters.length; i<len; i++) {
        traverseList(list, splitters[i], 0);
    }
    return flatten(list);
}

traverseList = function(list, splitter, index) {
    if(list[index]) {
        if((list.constructor !== String) && (list[index].constructor === String))
            (list[index] != list[index].split(splitter)) ? list[index] = list[index].split(splitter) : null;
        (list[index].constructor === Array) ? traverseList(list[index], splitter, 0) : null;
        (list.constructor === Array) ? traverseList(list, splitter, index+1) : null;    
    }
}

flatten = function(arr) {
    return arr.reduce(function(acc, val) {
        return acc.concat(val.constructor === Array ? flatten(val) : val);
    },[]);
}

var stringToSplit = "people and_other/things";
var splitList = [" ", "_", "/"];
splitString(stringToSplit, splitList);

Example above returns: ["people", "and", "other", "things"]

Note: flatten function was taken from Rosetta Code

User · Answer

An easy way to do this is to process each character of the string with each delimiter and build an array of the splits   splix   function        u      slice call arguments   v   u slice 1   u   u 0   w    u   x   0     for  i   0  i  lt  u length    i          for  j   0  j  lt  v length    j              if  u slice i  i   v j  length     v j                   y   w x  split v j    w x    y 0   w   x    y 1                             return w       x000D   x000D  console logg   function        document body innerHTML      lt br gt        slice call arguments  join       splix   function       u      slice call arguments     v   u slice 1     u   u 0     w    u     x   0    console logg  Processing   lt code gt     JSON stringify w      lt  code gt        for  i   0  i  lt  u length    i        for  j   0  j  lt  v length    j          console logg  Processing   lt code gt   x22    u slice i  i   v j  length      x22   x22    v j      x22  lt  code gt           if  u slice i  i   v j  length     v j             y   w x  split v j            w x    y 0           w   x    y 1           console logg  Currently processed      JSON stringify w      n                            console logg  Return   lt code gt     JSON stringify w      lt  code gt         setTimeout function       console clear      splix  1 23--4         --       250   x000D   import url  http   fonts googleapis com css family Roboto     body  font  20px Roboto   x000D   x000D   x000D    Usage  splix string  delimiters     Example  splix  quot 1 23--4 quot    quot   quot    quot -- quot   Returns    quot 1 quot    quot 23 quot    quot 4 quot

User · Answer

Splitting URL by  com  or  net  url split    com     net

User · Answer

Lets keep it simple   add a        to your RegEx means  1 or more    This means     and   1    are the same   var words   text split              amp     lt  gt        r n            note   and - are kept

User · Answer

I ran into this question wile looking for a replacement for the C  string Split   function which splits a string using the characters in its argument  In JavaScript you can do the same using map an reduce to iterate over the splitting characters and the intermediate values  let splitters     quot   quot    quot   quot    quot   quot       or  quot     quot  split  quot  quot    let start   quot a b c d quot   let values   splitters reduce  old  c    gt  old map v   gt  v split c   flat     start       values is   quot a quot    quot b quot    quot c quot    quot d quot    flat   is used to flatten the intermediate results so each iteration works on a list of strings without nested arrays  Each iteration applies split to all of the values in old and then returns the list of intermediate results to be split by the next value in splitters  reduce   is initialized with an array containing the initial string value

User · Answer

I will provide a classic implementation for a such function  The code works in almost all versions of JavaScript and is somehow optimum    It doesn t uses regex  which is hard to maintain It doesn t uses new features of JavaScript It doesn t uses multiple  split    join   invocation which require more computer memory   Just pure code   var text    Create a function  that will return an array  of string   with the words inside the text    println getWords text     function getWords text        let startWord   -1      let ar            for let i   0  i  lt   text length  i                  let c   i  lt  text length   text i                  if   isSeparator c   amp  amp  startWord  lt  0                        startWord   i                     if  isSeparator c   amp  amp  startWord  gt   0                        let word   text substring startWord  i               ar push word                startWord   -1                       return ar     function isSeparator c        var separators           t     n     r                                           return separators includes c       You can see the code running in playground  https   codeguppy com code html IJI0E4OGnkyTZnoszAzf

User · Answer

I find that one of the main reasons I need this is to split file paths on both   and    It s a bit of a tricky regex so I ll post it here for reference   var splitFilePath   filePath split

User · Answer

You can pass a regex into Javascript s split operator  For example    1 2 3  split           1    2    3     Or  if you want to allow multiple separators together to act as one only    1  2    3  split                1    2    3      You have to use the non-capturing      parens because otherwise it gets spliced back into the result  Or you can be smart like Aaron and use a character class     Examples tested in Safari   FF

User · Answer

Another simple but effective method is to use split   join repeatedly    a b c d  split      join      split      join      split        Essentially doing a split followed by a join is like a global replace so this replaces each separator with a comma then once all are replaced it does a final split on comma  The result of the above expression is     a    b    c    d     Expanding on this you could also place it in a function   function splitMulti str  tokens           var tempChar   tokens 0      We can use the first token as a temporary join character         for var i   1  i  lt  tokens length  i                 str   str split tokens i   join tempChar                     str   str split tempChar           return str      Usage    splitMulti  a b c d                         a    b    c    d     If you use this functionality a lot it might even be worth considering wrapping    String prototype split for convenience  I think my function is fairly safe - the only consideration is the additional overhead of the conditionals  minor  and the fact that it lacks an implementation of the limit argument if an array is passed    Be sure to include the splitMulti function if using this approach to the below simply  wraps it     Also worth noting that some people frown on extending built-ins  as many people do it wrong and conflicts can occur  so if in doubt speak to someone more senior before using this or ask on SO          var splitOrig   String prototype split     Maintain a reference to inbuilt fn     String prototype split   function             if arguments 0  length  gt  0               if Object prototype toString call arguments 0        object Array          Check if our separator is an array                 return splitMulti this  arguments 0        Call splitMulti                                 return splitOrig apply this  arguments      Call original split maintaining context          Usage   var a    a b c d       a split                        a    b    c    d       Test to check that the built-in split still works  although our wrapper wouldn t work if it didn t as it depends on it  P          a split            a    b c d      Enjoy

User · Answer

Hi for example if you have split and replace in String 07 05 45PM   var hour   time replace  PM       split         Result     07    05    45

User · Answer

I think it s easier if you specify what you wanna leave  instead of what you wanna remove   As if you wanna have only English words  you can use something like this   text match   a-z  -   gi     Examples  run snippet     x000D   x000D  var R    a-z  -   gi   a-z  - s   gi   x000D  var s document getElementById  s    x000D  for var i 0 i lt R length i    x000D     x000D    var o document createElement  option    x000D    o innerText R i      x000D    o value i  x000D    s appendChild o   x000D     x000D  var t document getElementById  t    x000D  var r document getElementById  r    x000D   x000D  s onchange function   x000D     x000D    r innerHTML     x000D    var x s value  x000D    if  x gt  0  amp  amp  x lt R length   x000D     x t value match R x    x000D    for i 0 i lt x length i    x000D       x000D      var li document createElement  li    x000D      li innerText x i   x000D      r appendChild li   x000D       x000D     x000D   lt textarea id  t  style  width 70  height 12em  gt even  test  spider-man x000D   x000D  But saying o er what I have said before  x000D  My child is yet a stranger in the world  x000D  She hath not seen the change of fourteen years  x000D  Let two more summers wither in their pride  x000D  Ere we may think her ripe to be a bride  x000D   x000D     Shakespeare  William  The Tragedy of Romeo and Juliet lt  textarea gt  x000D   x000D   lt p gt  lt select id  s  gt  x000D    lt option selected gt Select a regular expression lt  option gt  x000D    lt  -- option value  1  gt   a-z  -   gi lt  option gt  x000D    lt option value  2  gt   a-z  - s   gi lt  option -- gt  x000D   lt  select gt  lt  p gt  x000D    lt ol id  r  style  display block width auto border 1px inner overflow scroll height 8em max-height 10em   gt  lt  ol gt  x000D   lt  div gt  x000D   x000D   x000D

User · Answer

Here is a new way to achieving same in ES6    x000D   x000D  function SplitByString source  splitBy    x000D    var splitter   splitBy split      x000D    splitter push  source      Push initial value x000D   x000D    return splitter reduceRight function accumulator  curValue    x000D      var k       x000D      accumulator forEach v   gt  k       k     v split curValue     x000D      return k  x000D        x000D    x000D   x000D  var source    abc def hijk lmn opq rst uvw xyz   x000D  var splitBy          x000D  console log SplitByString source  splitBy    x000D   x000D   x000D    Please note in this function    No Regex involved Returns splitted value in same order as it appears in source   Result of above code would be

User · Answer

I use regexp   str     Write a program that extracts from a given text all palindromes  e g   ABBA    lamal    exe      var strNew   str match   w  g       Output    Write    a    program    that    extracts    from    a    given    text    all    palindromes    e    g    ABBA    lamal    exe

User · Answer

Pass in a regexp as the parameter   js gt   Hello awesome  world   split    s      Hello awesome world    Edited to add   You can get the last element by selecting the length of the array minus 1    gt  gt  gt  bits    Hello awesome  world   split    s        Hello    awesome    world     gt  gt  gt  bit   bits bits length - 1   world         and if the pattern doesn t match    gt  gt  gt  bits    Hello awesome  world   split  foo     Hello awesome  world     gt  gt  gt  bits bits length - 1   Hello awesome  world

User · Answer

a    a b c d   array                   for i 0  i lt  array length  i     a  a split array i   join        this will return the string without a special charecter

User · Answer

For fun  I solved this with reduce and filter  In real life I would probably use Aarons answere here  Nevertheless I think my version isn t totally unreadable or inefficient            -                   reduce   segs  sep    gt  segs reduce   out  seg    gt  out concat seg split sep            E-mail Address  user domain com  Phone Number   1-800-555-0011     filter x   gt  x   Or as a function  function msplit str  seps      return seps reduce  segs  sep    gt  segs reduce       out  seg    gt  out concat seg split sep             str   filter x   gt  x      This will output    E   mail   Address   user   domain   com   0   Phone   Number    1   800   555   0011    Without the filter at the end you would get empty strings in the array where two different separators are next to each other

User · Answer

Tricky method   var s    dasdnk asd   naks   d skldma   var a   s replace          replace          replace          split       console log a      dasdnk    asd    naks     d    skldma

User · Answer

You could just lump all the characters you want to use as separators either singularly or collectively into a regular expression and pass them to the split function  For instance you could write   console log   dasdnk asd   naks   d skldma  split                   And the output will be     dasdnk    asd    naks     d    skldma

User · Answer

Not the best way but works to Split with Multiple and Different seperators delimiters  html   lt button onclick  myFunction    gt Split with Multiple and Different seperators delimiters lt  button gt   lt p id  demo  gt  lt  p gt    javascript   lt script gt  function myFunction      var str    How   are   you doing   today    var res   str split          var str2       var i  for  i   0  i  lt  res length  i           str2    res i        if  i    res length-1          str2                 var res2   str2 split            you can add countless options  with or without space   document getElementById  demo   innerHTML   res2   lt  script gt

User · Answer

Starting from  stephen-sweriduk solution  that was the more interesting to me    I have slightly modified it to make more generic and reusable          Adapted from  http   stackoverflow com questions 650022 how-do-i-split-a-string-with-multiple-separators-in-javascript    var StringUtils                 Flatten a list of strings      http   rosettacode org wiki Flatten a list         flatten   function arr        var self this      return arr reduce function acc  val            return acc concat val constructor     Array   self flatten val    val                               Recursively Traverse a list and apply a function to each item       param list array       param expression Expression to use in func       param func function of  item expression  to apply expression to item              traverseListFunc   function list  expression  index  func        var self this      if list index             if  list constructor     String   amp  amp   list index  constructor     String                list index     func list index   expression     list index    func list index   expression    null           list index  constructor     Array    self traverseListFunc list index   expression  0  func    null           list constructor     Array    self traverseListFunc list  expression  index 1  func    null                         Recursively map function to string       param string       param expression Expression to apply to func       param function of  item  expressions i           mapFuncToString   function string  expressions  func        var self this      var list    string       for var i 0  len expressions length  i lt len  i              self traverseListFunc list  expressions i   0  func             return self flatten list                    Split a string       param splitters Array of characters to apply the split         splitString   function string  splitters        return this mapFuncToString string  splitters  function item  expression          return item split expression                    and then  var stringToSplit    people and other things   var splitList                    var splittedString StringUtils splitString stringToSplit  splitList   console log splitList  stringToSplit  splittedString     that gives back as the original                      people and other things     people    and    other    things

User · Answer

I don t know the performance of RegEx  but here is another alternative for RegEx leverages native HashSet and works in O  max str length  delimeter length    complexity instead   var multiSplit   function str delimiter       if    delimiter instanceof Array           return str split delimiter       if   delimiter    delimiter length    0          return  str       var hashSet   new Set delimiter       if  hashSet has              return str split          var lastIndex   0      var result           for var i   0 i lt str length i             if  hashSet has str i                 result push str substring lastIndex i                lastIndex   i 1                      result push str substring lastIndex        return result     multiSplit  1 2 3 4 5 6 7 8 9                     Output    1    2    3    4    5    6    7    8    9    multiSplit  1 2 3 4 5 6 7 8 9           Output    1 2 3 4 5 6    7    8    9

User · Answer

My refactor of  Brian answer  x000D   x000D  var string    and this is some kind of information and another text and simple and some egample or red or text   x000D  var separators     and    or    x000D   x000D  function splitMulti str  separators   x000D              var tempChar    t3mp     prevent short text separator in split down x000D               x000D                split by regex e g   b or and  b x000D              var re   new RegExp    b     separators join            b     g    x000D              str   str replace re  tempChar  split tempChar   x000D               x000D                 trim  amp  remove empty x000D              return str map el   gt  el trim    filter el   gt  el length  gt  0   x000D    x000D   x000D  console log splitMulti string  separators   x000D   x000D   x000D

[javascript] How do I split a string with multiple separators in JavaScript?

Examples related to javascript

Examples related to regex

Examples related to split