TypeScript根据数组过滤对象输出异常，请求排查代码错误

问题说明 #

需要过滤charamap对象，仅保留filterdata.fields中指定的运动键值对，期望结果为{"Football":1, "Golf":0}，但实际输出不符合预期。

错误分析 #

代码存在以下关键问题：

• 冗余的JSON序列化操作：通过JSON.stringify和JSON.parse复制对象完全没必要，直接操作原对象即可，这步操作既冗余又可能引发意外问题。
• 错误的对象转数组方式：Array.from(resultcharac)无法将普通键值对对象转换为可用的键值数组，普通对象不是可迭代对象，执行后会得到空数组[]，导致后续无法正确获取对应数值。
• 错误的取值逻辑：从空数组ss中通过运动名称作为下标取值，必然无法拿到charamap中的正确数据。

修正后的代码 #

const charamap = {
    "Football": 1,
    "Cricket": 3,
    "Golf": 0,
    "Swimming": 10,
};

const filterdata = {
    fields: ["Football", "Golf"]
};

// 直接过滤并构建目标对象
const res = filterdata.fields.reduce((obj, key) => {
    // 可选判断：仅保留charamap中存在的键，避免生成含undefined的键
    if (key in charamap) {
        obj[key] = charamap[key];
    }
    return obj;
}, {} as {[key: string]: number});

console.log(res); // 输出: {"Football":1, "Golf":0}

也可以用更简洁的Object.fromEntries实现：

const res = Object.fromEntries(
    filterdata.fields.map(key => [key, charamap[key]])
);

说明 #

• 去掉冗余的JSON处理步骤，直接操作原对象，提升代码效率与可读性。
• 两种写法均通过遍历过滤字段，从原对象提取对应值构建新对象，精准匹配需求。
• 可选的key in charamap判断，可避免过滤字段不在charamap中时生成含undefined的键。

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