Javascript推送到多维数组中的元素

我需要生成一个格式如下的数组：

products : 
[
    {
        "product_id": 32,
        "quantity": 2
    },
    {
        "product_id": 33,
        "quantity": 2,
        "product_options": 
        [
            {
                "id": 87,
                "value": 10
            }
        ]
    }
]

我可以使用以下方法确定产品标识和数量：

productID = 32;
prodQuantity = 2;
var row2 = {};
row2.product_id = productID;
row2.quantity = prodQuantity;
product.push(row2);

productID = 33;
prodQuantity = 2;
var row2 = {};
row2.product_id = productID;
row2.quantity = prodQuantity;
product.push(row2);

如何使用id和值添加元素product_选项

我试过以下几种：

var row3 = {};
row3.id = 87;
row3.value = 10;    
cartArray['product_options'].push(row3);

我使用以下方法管理它：

var prodQuantity = app.getValue('popupDropdown').value;
var cartArray = [];
var optionID = app.getValue('popupDropdown4').value;
var row2 = {};
var row3 = {};
var row4 = {};
var tempArray = [];
row2.product_id = productID;
row2.quantity = prodQuantity;
cartArray.push(row2);
row3.id = optionID;
row3.value = Rule4Value;
tempArray.push(row3);
row4.product_options = tempArray;
cartArray.push(row4);

---

但是我看到下面的答案要简单得多。

您可以将

第2行的
产品选项设置如下：

row2.product_options = [
    {
        id: 87,
        value: 10
    }
];

解释：

product\u options
是
row2
中的一个键。它的值是一个包含单个元素的数组，该元素是一个具有键
id
和
value
的对象。您可以如下设置
第2行的
产品选项
：

row2.product_options = [
    {
        id: 87,
        value: 10
    }
];

解释：

product\u options
是
row2
中的一个键。它的值是一个包含单个元素的数组，该元素是一个具有键
id
和
value
的对象。请不要提及OP正在使用jQuery。请不要提及OP正在使用jQuery。