遍历对象数组并获取每个对象的唯一值

Question

我在 data() 中有这个变量：

jsonStatham: {
  "uniqueOne": {
    "field1": "",
    "field2": "",
    "field3": "",
    "field4": "",
    "field5": "",
    "freeTextArea": ""
  },
  "uniqueTwo": {
    "field1": "",
    "field2": "",
    "field3":"",
    "field4":"",
    "field5":"",
    "freeTextArea":""
  },
  "uniqueThree": {
    "field1": "",
    "field2": "",
    "freeTextArea": ""
  }
},

我想要检查此输入字段中的值是否：

<input type="text" name="platform" placeholder="Platform" id="platform" v-model="platform" required/>

正在匹配“jsonStatham”的键之一（uniqueOne/Two/Three），然后将匹配键的键推入数组。所以如果输入=== uniqueOne，那么这个数组：

inputFields: [

],

如下所示：inputFields["field1","field2","field3","field4","field5"]

这就是我尝试过的：

appendFields() {

      for (const [key, value] of Object.entries(this.jsonStatham)) {
        if(this.brand === this.jsonStatham[key]){
          //console.log("Brand =>", this.brand)
        }
        //console.log(`${key}: ${value}`);
        this.inputFields.push({
          [key]:value
        })
      }
      //console.log("ALL input Fields: \n",this.inputFields)
    },

我在 inputFields 中得到的是 "uniqueOne","uniqueTwo","uniqueThree"

Answer 1

if (this.jsonStatham.hasOwnProperty(this.brand)) {
  this.inputFields.push(...Object.keys(this.jsonStatham[this.brand]));
}

Answer 2

这应该可以解决问题：

1. 条件：

if(Object.keys(this.jsonStatham).includes(this.brand) )

这将是 True 数组 ["uniqueOne","uniqueTwo","uniqueThree", ..etc] 将包含 this.brand

1. 推入数组：

this.inputFields.push(...Object.keys(value))