Make several replacements to a string in javascript

Question

I am trying to make multiple replacements to a string (php variable) using javascript. This code:

<script>
jQuery(document).ready(function() {
var map = {
    "2014": "",
    "2015": "",
    "2016": "",
    "-": " ",
    "ú": "u"
};

var str = "<?php echo $data; ?>";
var result = str.replace(/[<?php echo $data; ?>]/g, function(m) {
    return replacements[m];
});
jQuery('.even_data').html(result);
});
</script>

Gives me the error:

invalid range in character class
var result = str.replace(/[2014-08-28]/g, function(m) {
                         ^

An alternative will be to use:

jQuery(document).ready(function() {
  var str = "<?php echo $data; ?>";
  var result = str.replace('2014','');
  jQuery('.even_data').html(result);
});

But how can you make multiple replacements?

Thanks!

I tried these answers but they did not work: Javascript str_replace many at once

Why can't PHP makes these replacements? Why does JavaScript have to do it? — gen_Eric, Aug 21 '14 at 21:03
@RocketHazmat I can use php too, I thought it would be easier with js — Claudiu Creanga, Aug 21 '14 at 21:05
@user3558931: I just assumed `replacements` was supposed to be `map`. — gen_Eric, Aug 21 '14 at 21:12
Thought as much but would love to hear it from the horse's mouth, if you know what I mean. — PeterKA, Aug 21 '14 at 21:14

score 1 · Answer 1 · answered Aug 21 '14 at 21:07

1

In Javascript Regex, the brackets [] are special characters that define character classes. If you want to use them as literals you have to escape them:

str.replace(/\[2014-08-28\]/g, function(m) {

answered Aug 21 '14 at 21:07

Stryner

7,288
3
18
18

score 1 · Accepted Answer · answered Aug 21 '14 at 21:07

1

It's much easier to make PHP do this instead of JavaScript.

$map = array(
    "2014" => "",
    "2015" => "",
    "2016" => "",
    "-" => " ",
    "ú" => "u"
);

$data = '2014-08-28';
$data = str_replace(array_keys($map), array_values($map), $data);

answered Aug 21 '14 at 21:07

gen_Eric

223,194
41
299
337

score 1 · Answer 3 · edited May 23 '17 at 10:33

You can use

function multiReplace(str, map) {
    for(var i in map) if(map.hasOwnProperty(i)) {
        str = str.replace(
            new RegExp(i.replace(/[.^$*+?()[{\\|]/g, '\\$&'), 'g'),
            map[i]
        );
    }
    return str;
}
var result = multiReplace(str, map);

It works like this:

It iterates all own properties of map
It builds a proper regex for each property
1. First, it escapes special regex characters: .^$*+?()[{\|
2. Then it uses that string to build a global (g flag) regex
It replaces all matches of that regex with the corresponding value in map

score 0 · Answer 4 · answered Aug 21 '14 at 21:28

0

DEMO

Your regular expression is no good. After replacing it with an actual RE it should work:

    var result = str.replace(/(\d{4}|-|ú)/g, function(m) {
        return map[m];
    });

answered Aug 21 '14 at 21:28

PeterKA

24,158
5
26
48

score 0 · Answer 5 · answered Aug 21 '14 at 21:31

Using JS it would be smth like that:

var str = "2014 12 03, 2014, day";
var map = {"2014" : "2012", 
       "12" : "a",
       "03" : "",
       "day" : "sfsdf"};
$.each(map, function(key, value) {
    str = str.replace(new RegExp(key ,"g"), value);
});

//new str: "2012 a , 2012, sfsdf"

Make several replacements to a string in javascript

5 Answers5