如何在Javascript中从左到右从右到左替换字符串元素？

Question

在我的HTML中，我有一个包含5个数字的字符串。单击“删除”按钮时，数字将按从左到右的顺序替换为短划线。是的，它的作品！但是如何更换从右到左的数字呢？

$("#deleteButton").click(function() {
  var str = document.getElementById("dashes").innerHTML;
  var str = str.replace(/[0-9]/, "-");
  document.getElementById("dashes").innerHTML = str;

});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div id="dashes">123456789</div>
<button id="deleteButton">delete</button>

Answer 1

您必须识别最右边的数字而不是最左边的数字（默认情况下，正则表达式从左到右搜索）。请注意，您可以使用\d而不是[0-9]来减少语法噪音。一种选择是使用

/\d(?=\D*$)/

也就是说，匹配任意数量的非数字字符的数字，预测，然后是字符串的结尾。

$("#deleteButton").click(function() {
  var str = document.getElementById("dashes").innerHTML;
  str = str.replace(/\d(?=\D*$)/, "-");
  document.getElementById("dashes").innerHTML = str;
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div id="dashes">123456789</div>
<button id="deleteButton">delete</button>