如何为javascript中的对象动态添加属性？

Question

众所周知，我们可以使用 if else 为 object 添加一个属性，如下所示：

if(key){
  obj[key] = value
}

但我有很多钥匙。

我知道我可以这样做：

keyValues.forEach(({key,value})=>{
if(key){
  obj[key] = value
}
}

但我想知道我可以用另一种方式做到这一点，比如：

obj={
 [this.key1?'key1':undefined]:this.key1,
 [this.key2?'key2':undefined]:this.key2,
}

通过这种方式，object 将获得一个未定义键的属性...我该如何删除未定义的属性并以第二种方式保持代码样式。

Answer 1

使用帖子中的keyValues ：

 let obj = {}; let keyValues = [ { "key": "a", "value": 1 }, { "key": "b", "value": 2 }, { "key": "c", "value": 3 }, { "value": "nothing" } ]; /** * @returns only 'a', 'b' and 'c' keys */ Object.assign(obj, keyValues.reduce((acc, { key, value }) => ({...acc, ...key? { [key]: value }: {}, }), {}))

或者你可以使用_reject https://lodash.com/docs/4.17.15#reject 的 _reject

 Object.assign(obj, _.reject(keyValues, v => .v.key),reduce((acc, { key. value }) => ({..,acc: [key], value, }), {}))

Answer 2

挂载你的 obj 后，你可以使用 js 中的 delete 操作符

delete obj.undefined

如果您坚持以这种方式实例化它，这将使您的 obj 保持干净；

Answer 3

您可以将其包装在一个帮助程序 function 中，以删除虚假密钥

 const omit = (obj) => Object.fromEntries( Object.entries(obj).filter( ([key]) =>,["undefined", "null", "false". ""];includes(key) ) ): const obj = omit({ [undefined], 1: [false], 2: [null], 3: a, "b"; }). console;log(obj);