JS如何截取字符串前5个字符并替换箭头函数中的变量v

你写的代码无法实现预期，核心问题有两点：

• config中存储的是可执行的箭头函数，不是字符串类型，直接对函数调用substring()属于类型错误，你拿到的是函数被JS隐式转换为字符串后的结果，硬编码截取固定长度的写法兼容性极差，只要函数参数格式稍作变动就会失效。
• 你完全不需要做字符串截取、替换操作来实现计算逻辑，配置里的函数本身就是用来接收输入值、返回转换结果的，直接调用即可，绕字符串处理的弯路反而会引入不必要的bug和安全风险。

优先方案：直接调用配置的转换函数（推荐） #

这是最稳妥、性能最好、无安全风险的实现方式，完全不需要处理字符串：

// 温度转换配置（原有配置无需修改）
const config = {
    "celsius": {
        "celsius": v => v,
        "fahrenheit": v => v * 1.8 + 32,
        "kelvin": v => v + 273.15,
        "rankine": v => (v + 273.15) * 1.8,
        "reaumur": v => v * 0.8,
    },
    // 其他温度单位配置...
}

// 核心逻辑
// 1. 获取输入框数值，转成浮点数避免字符串运算bug
const inputVal = parseFloat(document.getElementById("inputPlace").value);
const operationPlace = document.getElementById("operationPlace");

// 2. 校验输入合法性
if (isNaN(inputVal)) {
    operationPlace.innerHTML = "请输入有效的数字";
} else {
    // 3. 取对应的转换函数，传入输入值直接得到计算结果
    const convert = config[listFromV][listToV];
    const calcResult = convert(inputVal);
    // 4. 渲染结果
    operationPlace.innerHTML = calcResult;
}

备选方案：提取公式字符串做展示 #

如果你需要提取=>后的公式内容做展示（比如显示代入数值后的计算式），不要用固定长度截取，按分隔符提取更可靠：

const inputVal = parseFloat(document.getElementById("inputPlace").value);
const convertFn = config[listFromV][listToV];
// 把函数转成字符串，按 => 分割取后半段公式
const formulaStr = convertFn.toString().split('=>')[1].trim();
// 替换v为输入的数值，得到代入后的公式文本
const showText = formulaStr.replaceAll('v', `(${inputVal})`);
document.getElementById("operationPlace").innerHTML = showText;

注意：严禁用eval执行拼接后的字符串做计算，会存在严重的代码注入安全风险，直接调用预定义的转换函数是最优解。

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