为何JavaScript的.replace方法在Chrome可用但Safari中失效？

核心原因 #

• 输入框中的逗号并非普通半角逗号（U+002C），而是全角逗号（U+FF0C）或其他Unicode标点变体。Chrome的字符串/正则匹配对这类变体有兼容处理，但Safari严格匹配字符编码，导致替换失效。
• 极少数场景下，Safari对val()返回的字符串存在隐式编码差异，但优先级远低于字符类型不匹配的问题。

验证与解决步骤 #

1. 确认逗号的真实编码：在控制台执行以下代码，查看输入字符的Unicode值：

   const val = $('#m_currency').val();
   for (let i = 0; i < val.length; i++) {
     console.log(`字符: ${val[i]}, 编码: ${val.charCodeAt(i).toString(16)}`);
   }
   

   若输出编码为ff0c，则可确定是全角逗号导致的匹配失败。

2. 针对性替换方案：

   • 覆盖半角/全角逗号的正则替换：

     console.log($('#m_currency').val().replace(/[,\uff0c]/g, ""));
     

   • 兼容更多标点变体（需Safari 11.1及以上版本支持）：

     console.log($('#m_currency').val().replace(/\p{Punctuation}/gu, ""));
     

   • 按需保留数字/字母/小数点，移除其他字符：

     console.log($('#m_currency').val().replace(/[^0-9a-zA-Z.]/g, ""));
     

内容的提问来源于stack exchange，提问作者Valerio McFly