replace multiple different characters with different values javascript

Question

I am trying to replace different set characters with corresponding values. for example every < to be replaced with a #U34 and every $ to replaced with )#89.

I have an array of strings that have those characters randomly thrown about. for example:

var arr = [
'uisdhfu<',
'u$$fd<'
]

so far I figured out that i can do:

  var replace = /</ig;
    var newString = textWithCharacters.replace(replace, '#U34');

but this seems like it can only be done for one character at a time. and if i want to do more than one I seems like i need to create a new string each time. is there a way to do this in one go? maybe with a loop and if statements? but i can't seem to figure out how i would define the conditions of the loop.

You can match multiple different characters and use a replacer function that dynamically decides what to insert based on the match. developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/… — Bergi
– Bergi, Commented Sep 22, 2016 at 19:09

Nathan Friedly · Accepted Answer · 2018-10-08 20:38:45Z

7

the .replace() method accepts a function for the second argument that gets passed the matched string (e.g. '<'), and returns the replacement text (e.g. '#U34').

So, you can do something like this:

var replacementMap = {
  '<': '#U34',
  '$': ')#89'
}

// Create a RegExp to match any of the characters that are used as keys in the map.
// For this example, this RegExp is the same as /[<$]/gi
// Note: this method of creating a RegExp may not work with certain characters such
// as -, ], or \
var replaceRegex = new RegExp('[' + Object.keys(replacementMap).join('') + ']', 'ig');

function getReplacementString(input) {
  return replacementMap[input];
}

var newString = textWithCharacters.replace(replaceRegex, getReplacementString);

edited Oct 8, 2018 at 20:38

answered Sep 22, 2016 at 19:29

Nathan Friedly

8,1563 gold badges44 silver badges66 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

slugo · Accepted Answer · 2016-09-22 19:32:05Z

1

You can have a list of the characters you want to replace and then pass a function to the replace method so it replaces your match with the correct mapping. Something like this:

var arr = [
'uisdhfu<',
'u$$fd<'
];
var mapping = {
  "$":")#89",
  "<":"#U34",
};
var regex = new RegExp(Object.keys(mapping).map((key)=>"\\"+key).join("|"),"g");
var results = arr.map((string)=>string.replace(regex,(match)=>mapping[match]));
console.log(results);

answered Sep 22, 2016 at 19:32

slugo

1,0392 gold badges11 silver badges23 bronze badges

Comments

Gilles Quénot · Accepted Answer · 2016-09-22 19:24:14Z

0

You can use many characters like this : (using a regex)

.replace(/(x|y|z)/, '')

answered Sep 22, 2016 at 19:24

Gilles Quénot

188k43 gold badges232 silver badges229 bronze badges

Comments

Je. · Accepted Answer · 2016-09-22 19:48:24Z

0

you want something like this (run snippet and look console.log)

Here the list of HTML Number : http://www.ascii.cl/htmlcodes.htm

Have fun :)

var array = ['#!toto','&#(i u%','$mpo*+'];

var symbol = [' ','!','"','#','$','%','&',"'",'(',')','*','+',',','etc...'];

console.log(array);

for(var i = 0; i < array.length ; i++){
      
      var temp = '';
      for(var j = 0; j < array[i].length ; j++){
          
          var index = symbol.indexOf(array[i][j]);

          if(index != -1){
             temp = temp + '&#'+(32+index); 
          }
          else{
              temp = temp + array[i][j];
          }
      }
      array[i] = temp;
}

console.log(array)

answered Sep 22, 2016 at 19:48

Je.

546 bronze badges

1 Comment

sourlemonaid Over a year ago

I already accepted another answer that got the job done well. thanks a lot though. learned a lot from this

Collectives™ on Stack Overflow

replace multiple different characters with different values javascript

4 Answers 4

Comments

Comments

Comments

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

4 Answers 4

Comments

Comments

Comments

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related