如何在JavaScript中为数字动态添加反斜杠并保留符号

问题分析 #

你需要将数字字符串1234567890格式化为/(123) 456/-7890，但当前代码中的反斜杠被解析器移除，最终输出'(123) 456-7890'。核心原因是JavaScript中反斜杠是转义字符，直接使用会被解析处理，无法作为普通字符输出；如果你的目标是正斜杠，则不需要转义，只需直接写入即可。

解决方案 #

方案1：输出正斜杠格式（匹配你的期望输出） #

如果目标是/(123) 456/-7890，直接在模板字符串中写入正斜杠即可，正斜杠不需要转义：

let number = '1234567890';
let test = `/(${number.substr(0,3)}) ${number.substr(3,3)}/-${number.substr(6,4)}`;
console.log(test); // 输出: /(123) 456/-7890

方案2：输出反斜杠格式（若你实际需要反斜杠） #

如果你的真实需求是输出带反斜杠的格式（如\(123) 456\-7890），则需要用**两个反斜杠（\）**表示一个实际的反斜杠：

let number = '1234567890';
let test = `\\(${number.substr(0,3)}) ${number.substr(3,3)}\\-${number.substr(6,4)}`;
console.log(test); // 输出: \(123) 456\-7890

更简洁的正则替换方式 #

用正则表达式匹配数字分段，替换时直接指定格式，代码更易维护：

• 正斜杠格式：

let number = '1234567890';
let test = number.replace(/^(\d{3})(\d{3})(\d{4})$/, '/($1) $2/-$3');
console.log(test);

• 反斜杠格式：

let number = '1234567890';
let test = number.replace(/^(\d{3})(\d{3})(\d{4})$/, '\\($1) $2\\-$3');
console.log(test);

原因说明 #

在JavaScript字符串（包括模板字符串）中：

• 反斜杠（\）是转义字符，用于表示特殊字符（如\n换行、\t制表符），直接使用会被解析器处理，无法输出字面意义的反斜杠。
• 若要输出一个反斜杠，必须写成\\，第一个反斜杠会转义第二个，使其成为普通字符。
• 正斜杠（/）不属于转义字符，直接写入即可正常输出。

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