javascript 數組，鍵包含另一個使用 php 的對象數組

Question

我正在做一個電子商務項目。 用戶可以選擇多種顏色，並可以為該顏色的每種尺寸輸入不同的數量。 我想將該數據存儲到一個數組中，然后使用 ajax 將其發送到服務器

數組應該是這樣的

[ {
   'color' : [ {
        'INDIGO' : [
                     { 'S' : 15},
                     { 'M' : 15},
        ] },{
        'PURPLE' : [
                     { 'S' : 15},
                     { 'M' : 15},
        ]},

   ]}
]

但我得到了這種類型的數組。 它正在插入我插入的最后一個數量替換舊的，就像紫色一樣，如果我為 s 輸入 15，為 m 輸入 15 只需要 m

靛藍：{L：15} 紫色：{M：15}

這是我的代碼示例

當用戶選擇顏色單選時，它會將值推送到顏色數組中

var key = 'INDIGO';
color[key] = {};

當用戶增加數量時，它會插入顏色鍵的對象

var len = $('.radioCheckbox:checked');

for (var i = 0; i < len.length; i++) {
    var key = len[i].value;
    color[key] = {
        [$size] : val,
    };
}

Answer 1

看起來當您將 15 用於 s 並將 15 用於 m 時，您的顏色沒有為每個尺寸正確設置。 因此，當您按下 m 或 s 時，請檢查顏色設置是否正確。 或者，不確定為什么需要復雜的數據結構。 我認為可以使用易於處理的數據結構來實現，例如

data = {
  'color': {
    'INDIGO': {
      'S': 15,
      'M': 15
    },
    'PURPLE': {
      'S': 15,
      'M': 15
    }
  }
}

您可以管理顏色、大小及其值，例如，

data['color'][key][$size] = val