【VUE】vue声明json对象自定义key,value值

刘晓伟-liu

13104人浏览 · 2021-01-22 19:32:13

刘晓伟-liu · 2021-01-22 19:32:13 发布

1、定义一个对象，和一个数组，如下

    //定义一个对象
    let jsonObject = {}; 
    
    //定义一个数组
    let json = [
      {
        key: "keyword1",
        value: "value1",
      },
      {
        key: "keyword2",
        value: "value2",
      },
      {
        key: "keyword3",
        value: "value3",
      },
      {
        key: "keyword4",
        value: "value4",
      },
      {
        key: "keyword5",
        value: "value5",
      },
    ];

2、使用$set()方法对json对象进行赋值

    //使用for循环编辑数组，向jsonObject中赋值
    for (let itemindex = 0; itemindex < json.length; itemindex++) {
      //$set()方法第一个参数是对象，第二个参数是key值，第三个参数是value值
      this.$set(jsonObject, json[itemindex].key, json[itemindex].value);
    }

3、打印输出结果

    console.log("显示jsonObject");
    console.log(jsonObject);

全部代码

    let jsonObject = {};
    let json = [
      {
        key: "keyword1",
        value: "value1",
      },
      {
        key: "keyword2",
        value: "value2",
      },
      {
        key: "keyword3",
        value: "value3",
      },
      {
        key: "keyword4",
        value: "value4",
      },
      {
        key: "keyword5",
        value: "value5",
      },
    ];
    for (let itemindex = 0; itemindex < json.length; itemindex++) {
      this.$set(jsonObject, json[itemindex].key+"", json[itemindex].value+"");
    }
    console.log("显示jsonObject");
    console.log(jsonObject);