JavaScript从现有对象提取属性生成新对象时如何使用动态键

解决方案 #

直接将点运算符赋值改为方括号语法即可实现动态键名：
把原代码中

newResult.item = info[item];

替换为

newResult[item] = info[item];

原理说明 #

JavaScript中对象属性的访问/赋值有两种语法：

• 点运算符：键名会被识别为静态字符串，无法读取变量值
• 方括号语法：方括号内可以传入变量、表达式，最终会把计算结果作为键名使用，适合动态键名的场景

修改后完整代码 #

let newResult = {};
result.forEach(info => {
  for(const item in info){
    if(info[item].toLowerCase() == value){
      newResult[item] = info[item];
    }
  }
})

console.log(newResult)

注意事项 #

如果遍历过程中存在多个相同的item键名，后续的赋值会覆盖之前存入的值，如果需要保留所有匹配结果，可以把newResult对应键的值改为数组存储匹配项。

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