求PHP风格的JavaScript字符translate函数优化实现方案

Hey there! 你想要实现和PHP strtr 功能完全一致的JavaScript字符翻译函数，还想用正则优化现有代码，这就给你安排一个高效且贴合PHP行为的实现方案~

首先得明确PHP strtr 的核心行为：

• 三参数模式（strtr(string, from, to)）：将字符串中所有出现在from里的字符，替换成to对应位置的字符；若from和to长度不一致，会自动截断到较短的那个长度
• 双参数模式（strtr(string, replaceMap)）：支持多字符替换，会优先匹配更长的键（避免短键先匹配导致长键失效）

优化后的实现（双模式支持） #

function translate(str, from, to) {
    // 处理双参数对象替换模式：translate(str, { 'old': 'new', 'hello': 'hi' })
    if (typeof from === 'object') {
        // 按键的长度倒序排序，确保长键优先匹配（和PHP行为一致）
        const sortedKeys = Object.keys(from).sort((a, b) => b.length - a.length);
        // 转义正则特殊字符，避免匹配出错
        const regexPattern = sortedKeys.map(key => escapeRegExp(key)).join('|');
        const regex = new RegExp(regexPattern, 'g');
        return str.replace(regex, match => from[match]);
    }

    // 处理三参数字符替换模式：translate(str, fromStr, toStr)
    if (typeof from !== 'string' || typeof to !== 'string') {
        return str;
    }

    const maxMatchLen = Math.min(from.length, to.length);
    // 构建字符映射表，快速查找替换值
    const charMap = new Map();
    for (let i = 0; i < maxMatchLen; i++) {
        charMap.set(from[i], to[i]);
    }

    // 用正则字符集一次性匹配所有需要替换的字符，批量替换
    const safeFromStr = escapeRegExp(from.slice(0, maxMatchLen));
    const regex = new RegExp(`[${safeFromStr}]`, 'g');
    return str.replace(regex, match => charMap.get(match));
}

// 辅助函数：转义正则中的特殊字符（比如[]^$等）
function escapeRegExp(str) {
    return str.replace(/[.*+?^${}()|[\]\\]/g, '\\$&');
}

代码细节说明 #

1. 正则优化：
   • 三参数模式下，把需要替换的字符转义后构建成[bdf]这样的正则字符集，一次性匹配所有目标字符，比你原代码的逐个字符遍历+indexOf查找效率高得多，尤其是处理长字符串时
   • 双参数模式下，通过排序确保长键优先匹配，完全对齐PHP的替换逻辑
2. PHP行为兼容：
   • 当from和to长度不相等时，自动取较短的长度进行替换（而非直接返回空）
   • 全局替换所有匹配到的内容，和PHP一致
3. 鲁棒性：加入了参数类型判断，避免非法调用导致报错

测试你的示例&边界情况 #

// 你的测试用例
console.log(translate("abcdefg", "bdf", "XYZ")); // 输出: aXcYeZg（和预期一致）

// from比to长的情况
console.log(translate("abcdefg", "bdfe", "XYZ")); // 输出: aXcYeZg（e不会被替换，因为to只有3个字符）

// to比from长的情况
console.log(translate("abcdefg", "bdf", "XYZW")); // 输出: aXcYeZg（W不会被用到）

// 双参数对象替换测试
console.log(translate("hello world, hello php", { hello: "hi", php: "javascript" })); // 输出: hi world, hi javascript

对比你原代码的问题 #

你原代码采用逐个字符遍历+indexOf查找的方式，当字符串较长时，每次查找都会遍历from字符串，时间复杂度是O(n*m)（n是目标字符串长度，m是from字符串长度）。而用正则的方式，时间复杂度更接近O(n)，性能提升明显，代码也更简洁易维护。

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