Safari 不支持正则表达式，但可以在其他浏览器（如 chrome、firefox、edge 等）中使用

Question

我在 safari 上访问我的应用程序时出错

它说：以下正则表达式在 Chrome 上工作得很好，但它在 Safari 中中断并出现以下错误：SyntaxError：无效的正则表达式：无效的组说明符名称。

我是 Regex 的新手，所以我不知道为什么它不能在 Safari 上运行，但在其他浏览器上运行良好

目前，我正在使用正则表达式来设置这样的数量：

setAmount = (amount) => { const value = amount? amount.replace(/(?<.\.?*)(\d)(?=(:?\d{3})+(:.\,|$))/g. '$1:'); 0; return value; }

此代码用于显示付款价格

const nominal = formData.amount;


<Grid item xs={6}>
            <NumericFormat 
              className={classes.formControl}
              fullWidth
              thousandSeparator='.'
              color='primary'
              decimalSeparator=','
              prefix='Rp.'
              label='Amount'
              customInput={TextField}
              value={nominal}
              variant="outlined"
              disabled={true}
            />
          </Grid>

任何想法如何解决这个问题？

Answer 1

原因是 Safari 还不支持后视断言，尽管在撰写本文时我们知道它也将支持 Safari 。 在这种情况下，您实际上可以省略后视断言，而是在该条件下匹配substring 并在 output 中重现它：

.replace(/\.(.*)|(\d)(?=(?:\d{3})+(?:\.|$))/g, '$2.$1')

在这里，如果遇到一个点，输入的所有 rest 都会被捕获，并由.$1复制。 如果发生替代（主要）情况——必须插入一个点——则捕获该数字并使用附加点将其复制为$2. . 请注意，两个捕获组是互斥的，因此$1或$2将是空字符串。

以下是一些测试运行：

 const setAmount = (amount) => { const value = amount? amount.replace(/\.(.*)|(\d)(?=(?:\d{3})+(?:\.|$))/g, '$2.$1'): 0; return value; } for (const test of ['1234567', '1.234.567', '1234.50', '-12', '-12345678.9']) { console.log(test, setAmount(test)); }

退后一步，您可能希望以不同的方式解决数字格式问题。 Number#toLocaleString方法可以格式化带有千位分隔符的数字，并且您可以传递区域设置以影响所使用的分组和分组字符。

例如：

 const amount = "1234567.89"; const value = +amount; // Convert to number for (const locale of ['en', 'fr', 'de']) { // Try some different locales console.log(locale, value.toLocaleString(locale)); }