title: Replace affects all strings in an array
body: <p>I am having some issues about replacing. I am fetching some integers from DB. And if the number fetched is <strong>just</strong> <strong>1</strong> then I replace it with "empty", but when I do that, it affects all numbers that have 1 in them.  </p>
  
  <p>Here is what I am doing, first calling <code>toString</code> and then <code>replace</code></p>
  
  <p><div class="snippet" data-lang="js" data-hide="false" data-console="true" data-babel="false">
  <div class="snippet-code">
  <pre class="snippet-code-html lang-html prettyprint-override"><code>&lt;tr v-if="moreIndex &lt; one.length"　 v-for="moreIndex in morePro"&gt;
    &lt;td&gt;{{one[moreIndex].products}}&lt;/td&gt;
    &lt;td&gt;{{priceSep(one[moreIndex].price).toString().replace("1", "empty")}}&lt;/td&gt;
  &lt;/tr&gt;</code></pre>
  </div>
  </div>
  </p>
  
  <p>So I am changing "1" to empty but if any other data has includes 1 then output look like this...</p>
  
  <pre><code>5empty98  
  </code></pre>
  
  <p>How can I fix this problem? </p>