javascript - 从 REACT.jsx 中的用户输入中获取数字的最后五位

Question

基本上，我目前正在使用 this.props.x (这是用户输入)从另一个页面获取信息。所以 this.props.x 是一个数字，例如“12345 12345 54321”，分为三组 5 位数字。我想用星号替换前 10 位数字并保留最后 5 位数字。如何操作 this.props.x 才能实现这一点？

谢谢。

这是我尝试过的。

{this.props.x ? (
              <p>
                Card number: <br />
                {"***** *****" + this.props.x}
              </p>
            ) : (
              ""
            )

我希望最终结果看起来像***** ***** 54321

Answer 1

如果 x 是一个(整数)数字，那么它不能有空格，并且所有 15 位数字将在一起。在这种情况下，您可以使用类似的东西

{"***** *****" + (this.props.x % 100000)}

如果它是一个像您在问题中提到的字符串，每 5 个字符后有一个空格，那么您可以使用 Array.prototype.slice()

{"***** *****" + (this.props.x.slice(12)}