替换影响数组中的所有字符串

Question

I am having some issues about replacing. I am fetching some integers from DB. And if the number fetched is just 1 then I replace it with "empty", but when I do that, it affects all numbers that have 1 in them.

Here is what I am doing, first calling toString and then replace

 <tr v-if="moreIndex < one.length" v-for="moreIndex in morePro"> <td>{{one[moreIndex].products}}</td> <td>{{priceSep(one[moreIndex].price).toString().replace("1", "empty")}}</td> </tr> 

So I am changing "1" to empty but if any other data has includes 1 then output look like this...

5empty98  

How can I fix this problem?

Answer 1

You can check the length with Conditional (ternary) operator .:

<td>{{priceSep(one[moreIndex].price).toString().length == 1 ? priceSep(one[moreIndex].price).toString().replace("1", "empty") : priceSep(one[moreIndex].price).toString()}}</td>

May be, you can try directly set the value if the value is 1:

<td>{{priceSep(one[moreIndex].price).toString() == "1" ? "empty" : priceSep(one[moreIndex].price).toString()}}</td>

Answer 2

You can check the length of the string before replacing it

{{priceSep(one[moreIndex].price).toString().length > ? 
  priceSep(one[moreIndex].price).toString() :
  priceSep(one[moreIndex].price).toString().replace("1", "empty")
}}

Answer 3

您可以使用RegExp：

{{priceSep(one[moreIndex].price).toString().replace(/^1$/, "empty")}}