title: Replace multiple strings with multiple other strings
body: <p>I'm trying to replace multiple words in a string with multiple other words. The string is "I have a cat, a dog, and a goat."</p>
  
  <p>However, this does not produce "I have a dog, a goat, and a cat", but instead it produces "I have a cat, a cat, and a cat". Is it possible to replace multiple strings with multiple other strings at the same time in JavaScript, so that the correct result will be produced?</p>
  
  <pre><code>var str = "I have a cat, a dog, and a goat.";
  str = str.replace(/cat/gi, "dog");
  str = str.replace(/dog/gi, "goat");
  str = str.replace(/goat/gi, "cat");
  
  //this produces "I have a cat, a cat, and a cat"
  //but I wanted to produce the string "I have a dog, a goat, and a cat".
  </code></pre>