追加为数组内的数组

Question

我有一个看起来像这样的对象，我可以使用以下方法推送数据。我还初始化了types 数据。

myObj = {
    1: ["a", "b", "c"],
    2: ["c", "d", "e"],
}

---

data: {
   types: {}
},

methods: {

  pushValue(key, value) {
      var obj = this.types

      if (obj.hasOwnProperty(key)) {
          var idx = $.inArray(value, obj[key]);
          if (idx == -1) {
             obj[key].push([value]);
          }
      } else {
          this.$set(obj, key, [value]);
      }
  },
}

效果很好。

---

但是，现在我希望我的对象看起来像这样：

myObj = {
    1: {
        "a": [
           [],[]
        ], 
        "b": [
           [],[]
        ],
       }
 }

如何修改我的附加函数以附加这样的元素？

Answer 1

我只是根据我对@senty 尝试做的假设来回答这个问题：

pushValue 是一种将数字作为keys 和字符作为values 并保存到this.types 的方法，并且每当调用pushValue 时，this.types 都会有一个属性key 存储一个以value 为键的对象，它存储一个包含空数组的数组。如果那个数组（包含数组的那个）已经存在，另一个空的将附加到那个数组。最终this.types 将看起来像myObj

因此，pushValue 应该如下所示：

const app = new Vue({
  el: '#app',
  data: {
    types: {}
  },
  methods: {
    pushValue(key, value) {
      if (this.types.hasOwnProperty(key)) {
        if (this.types[key].hasOwnProperty(value)) {
          const orgValue = this.types[key][value];
          orgValue.push([]);
          this.$set(this.types[key], value, orgValue);
        } else {
          this.$set(this.types[key], value, [[]]);
        }
      } else {
        this.$set(this.types, key, {
          [value]: [ [] ]
        });
      }
    }
  }
});

<script src="https://cdnjs.cloudflare.com/ajax/libs/vue/2.4.2/vue.js"></script>
<div id="app">
  <div>
    <p>pushValue(key, value)</p>
    <button v-on:click="pushValue(1, 'a')">(1, 'a')</button>
    <button v-on:click="pushValue(1, 'b')">(1, 'b')</button>
    <button v-on:click="pushValue(1, 'c')">(1, 'c')</button>
    <button v-on:click="pushValue(2, 'a')">(2, 'a')</button>
    <button v-on:click="pushValue(2, 'b')">(2, 'b')</button>
    <button v-on:click="pushValue(2, 'c')">(2, 'c')</button>
  </div>
  <div>{{ types }}</div>  
</div>