在javscript中创建对象时如何动态提供字段名称？

Question

我正在尝试使用es6结构在javascript对象中动态添加字段名称和值。问题在于它不仅仅使用fieldName

的值。

updateValue(event){

        let varName = event.target.dataset.field;

        this.realFormData = {...this.realFormData , varName : event.detail.value};
        console.log( this.realFormData); 
    }

Console.log OP：{somefield:"someValue" , varname : "somevalue"}

如您所见，它使用字段作为varName而不是varName的值

如何绑定varName的值而不是其字符串？

Answer 1

喜欢这个：

this.realFormData = {...this.realFormData , [varName] : event.detail.value};