JavaScript 操作 JSON 數據：向嵌套數組項目中追加新數據

原始數據結構

var data = {
    Item: [
        { month: '03', items: [{ name: '買插座', money: '50', date: '2015-3-1' }, ...] },
        { month: '04', items: [{ name: '買插座1', money: '50', date: '2015-4-1' }, ...] }
    ]
};

需求

遍歷 `Item` 數組，向每個對象的 `items` 數組末尾追加新記錄，格式保持一致。

實現代碼

var itemArray = data['Item'];
for (var i = 0; i < itemArray.length; i++) {
    itemArray[i].items.push({
        name: '新插座' + i,
        money: '1000',
        date: '2015-5-1'
    });
}
console.log(data); // 驗證結果

關鍵點

1. JSON 即 JavaScript 對象，直接通過 `.` 或 `[]` 訪問屬性。
2. `push()` 方法原地修改數組，無需重新賦值。
3. 若需持久化，後續可 `localStorage.setItem('key', JSON.stringify(data))` 或發送給後端。

擴展：動態生成新數據

若新數據來自表單輸入，先構建對象再 `push`：

function addItem(monthIndex, name, money, date) {
    if (data.Item[monthIndex]) {
        data.Item[monthIndex].items.push({ name, money, date });
    }
}