Node.js中如何以变量为键名向JSON对象追加新属性？

代码没有得到预期结果的核心是JavaScript/TypeScript的对象字面量语法规则：当你在对象中直接写key: value格式时，冒号左侧的内容会被识别为固定字符串键名，不会自动读取同名变量的值作为键，所以最终生成的键是固定的fileNameFormatted，而不是变量里存储的fjord-300-300.jpg。
另外你给cachedInJSON标注的JSON类型并不合适，JSON是TS内置的通用类型，指代所有可合法序列化为JSON的值，不是键值对对象的专属类型，后续操作属性时容易触发类型报错，建议改成Record<string, unknown[]>匹配你的数据结构。

你可以任选以下两种常用方案实现动态键追加：

方案1：ES6计算属性名（和原有展开运算符写法最适配） #

在对象字面量里用方括号包裹变量名，方括号内的表达式会被执行，返回值作为最终的键名：

// 键的位置用[变量名]包裹，就会读取变量值作为键
let newData = {
  [fileNameFormatted]: []
}  
let newJson = {...cachedInJSON, ...newData}

方案2：方括号语法直接赋值 #

可以先拷贝原对象，再通过方括号访问属性的方式追加动态键，逻辑更直观：

// 先浅拷贝原对象避免修改原始数据
let newJson = {...cachedInJSON}
// 用方括号语法给动态键赋值
newJson[fileNameFormatted] = []

如果不需要保留原对象，也可以直接给解析得到的cachedInJSON追加属性，不需要额外拷贝：

cachedInJSON[fileNameFormatted] = []

两种写法最终得到的对象结构完全一致，序列化后就是你预期的结果：

{"fjord-200-200.jpg":[],"fjord-300-300.jpg":[]}

内容的提问来源于stack exchange，提问作者Abdel-Rahman