Replace multiple strings at once

Question

Is there an easy equivalent to this in JavaScript    find   array   lt      gt      n     replace   array   amp lt      amp gt      lt br  gt       textarea   str replace  find   replace   textarea      This is using PHP s str replace  which allows you to use an array of words to look for and replace  Can I do something like this using JavaScript   jQuery       var textarea     this  val        string replace here      output   html textarea

User · Answer

A more visual approach   String prototype htmlProtect   function       var replace map     replace map           n     lt br   gt          lt      amp lt          gt      amp gt           return this replace    lt  gt  n  g  function match       be sure to add every char in the pattern     return replace map match              and this is how you call it   var myString     lt b gt tell me a story   n lt i gt bro  lt  i gt    var myNewString   myString htmlProtect         amp lt b amp gt tell me a story   lt br   gt  amp lt i amp gt bro  amp lt  i amp gt

User · Answer

For the tags  you should be able to just set the content with  text   instead of  html     Example  http   jsfiddle net Phf4u 1   var textarea      textarea   val   replace   lt br s     gt      n         output   text textarea        or if you just wanted to remove the  lt br gt  elements  you could get rid of the  replace    and temporarily make them DOM elements   Example  http   jsfiddle net Phf4u 2   var textarea      textarea   val     textarea       lt div gt    html textarea  find  br   remove   end   html         output   text textarea

User · Answer

text   text replace   lt  g    amp lt    replace   gt  g    amp gt    replace   n g    lt br  gt

User · Answer

Common Mistake  Nearly all answers on this page use cumulative replacement and thus suffer the same flaw where replacement strings are themselves subject to replacement   Here are a couple examples where this pattern fails  h t  KurokiKaze  derekdreery     x000D   x000D  function replaceCumulative str  find  replace    x000D    for  var i   0  i  lt  find length  i    x000D      str   str replace new RegExp find i   g    replace i    x000D    return str  x000D     x000D   x000D     Fails in some cases  x000D  console log  replaceCumulative   tar pit     tar   pit      capitol   house        x000D  console log  replaceCumulative   you  amp  me     you   me      me   you        x000D   x000D   x000D    Solution   x000D   x000D  function replaceBulk  str  findArray  replaceArray    x000D    var i  regex       map        x000D    for  i 0  i lt findArray length  i       x000D      regex push  findArray i  replace    -                     g     1      x000D      map findArray i     replaceArray i    x000D      x000D    regex   regex join       x000D    str   str replace  new RegExp  regex   g     function matched   x000D      return map matched   x000D        x000D    return str  x000D    x000D   x000D     Test  x000D  console log  replaceBulk   tar pit     tar   pit      capitol   house        x000D  console log  replaceBulk   you  amp  me     you   me      me   you        x000D   x000D   x000D    Note    This is a more compatible variation of  elchininet s solution  which uses map   and Array indexOf   and thus won t work in IE8 and older      elchininet s implementation holds truer to PHP s str replace    because it also allows strings as find replace parameters  and will use the first find array match if there are duplicates  my version will use the last   I didn t accept strings in this implementation because that case is already handled by JS s built-in String replace

User · Answer

The top answer is equivalent to doing   let text   find reduce  acc  item  i    gt      const regex   new RegExp item   g      return acc replace regex  replace i       textarea     Given this   var textarea     this  val    var find      lt      gt      n    var replace      amp lt      amp gt      lt br  gt       In this case  no imperative programming is going on

User · Answer

String prototype replaceArray   function  find  replace        var replaceString   this      for  var i   0  i  lt  find length  i                 global replacement         var pos   replaceString indexOf find i            while  pos  gt  -1                replaceString   replaceString replace find i   replace i                pos   replaceString indexOf find i                        return replaceString      var textT    Hello world      hello people        var find              var replace     2    5    textT   textT replaceArray find  replace      result  Hello world55555 hello people22222

User · Answer

One method would be   var text     this  val    text   text replace   lt  g    amp lt    replace   gt  g    amp gt         output   html text

User · Answer

You could use the replace method of the String object with a function in the second parameter   First Method  using a find and replace Object   var findreplace      lt       amp lt      gt       amp gt      n      lt br  gt      textarea   textarea replace new RegExp       Object keys findreplace  map function i  return i replace                   -  g       amp      join              g    function s   return findreplace s       jsfiddle  Second method  using two arrays  find and replace   var find      lt      gt      n    var replace      amp lt      amp gt      lt br  gt      textarea   textarea replace new RegExp       find map function i  return i replace                   -  g       amp      join              g    function s   return replace find indexOf s        jsfiddle  Desired function   function str replace  f   r   s      return  s replace new RegExp        f map function i  return i replace                   -  g       amp      join              g    function s   return  r  f indexOf s          textarea   str replace  find   replace   textarea     EDIT  This function admits a String or an Array as parameters   function str replace  f   r   s       return  s replace new RegExp        typeof  f       string     f replace                   -  g       amp       f map function i  return i replace                   -  g       amp      join               g    typeof  r       string     r   typeof  f       string     r 0    function i   return  r  f indexOf i

User · Answer

There is no way to do this in one method call  you ll have to either chain calls together  or write a function that manually does what you need   var s     lt  gt  n   s   s replace   lt      amp lt     s   s replace   gt      amp gt     s   s replace   n     lt br  gt

User · Answer

You could extend the String object with your own function that does what you need  useful if there s ever missing functionality    String prototype replaceArray   function find  replace      var replaceString   this    for  var i   0  i  lt  find length  i          replaceString   replaceString replace find i   replace i          return replaceString       For global replace you could use regex   String prototype replaceArray   function find  replace      var replaceString   this    var regex     for  var i   0  i  lt  find length  i          regex   new RegExp find i    g        replaceString   replaceString replace regex  replace i          return replaceString       To use the function it d be similar to your PHP example   var textarea     this  val    var find      lt      gt      n    var replace      amp lt      amp gt      lt br  gt     textarea   textarea replaceArray find  replace

User · Answer

You might want to look into a JS library called phpJS   It allows you to use the str replace function similarly to how you would use it in PHP  There are also plenty more php functions  ported  over to JavaScript   http   phpjs org functions str replace 527

User · Answer

Using ES6  There are many ways to search for strings and replace in JavaScript  One of them is as follow   x000D   x000D  const findFor      lt      gt      n    x000D   x000D  const replaceWith      amp lt      amp gt      lt br  gt     x000D   x000D  const originalString     lt strong gt Hello World lt  strong gt   n Let  s code   x000D   x000D  let modifiedString   originalString  x000D   x000D  findFor forEach   tag  i    gt  modifiedString   modifiedString replace new RegExp tag   g    replaceWith i     x000D   x000D  console log  Original String     originalString   x000D  console log  Modified String     modifiedString   x000D   x000D   x000D

User · Answer

A simple forEach loop solves this quite well  let text    the red apple and the green ball   const toStrip     red    green    toStrip forEach x   gt       text   text replace x            console log text      logs - gt  the apple and the ball

[javascript] Replace multiple strings at once

Examples related to javascript

Examples related to jquery

Examples related to replace