title: Match and replace all strings inside object with strings from another object
body: <p>I have an object which contains UTF-8 characters as strings - I figured I could make another object with the list of characters and how I'd like to replace them? </p>
  
  <h1>The Data Object</h1>
  
  <pre><code>var data = [
    {"my_string":"ABC &amp;#038; I","value":13,"key":8},
    {"my_string":"A &amp;#8220;B&amp;#8221; C","value":12,"key":9}
   ];
  </code></pre>
  
  <h1>The Replacement Object</h1>
  
  <pre><code>var str_to_change = [
      {value: "&amp;#038;", replace: "&amp;"},
      {value: "&amp;#8220;", replace: ""},
      {value: "&amp;#8221;", replace: ""}
  ];
  </code></pre>
  
  <p>I'd like to write a function where anytime a <code>str_to_change.value</code> is seen inside <code>data.my_string</code>, replace it with <code>str_to_change.replace</code></p>
  
  <p>Is this the best way to go about changing various character strings, and how would I execute this? I found this: <a href="https://stackoverflow.com/questions/48472159/iterate-through-object-literal-and-replace-strings">Iterate through object literal and replace strings</a> but it's a little more complex since I'm not just replacing with a singular string.</p>