JavaScript JSON 字串轉物件並動態新增屬性完整範例

變數 testStr 是 JSON 格式字串，非物件。需用 JSON.parse（或 eval）轉為陣列物件，才能操作。

完整程式碼

<!DOCTYPE html>
<html>
<body>
<script>
var testStr = '[{"aa":"a1","bb":"b1","cc":"c1","dd":"d1"},{"aa":"a2","bb":"b2","cc":"c2","dd":"d2"}]';

// 1. 轉為物件陣列（推薦 JSON.parse）
var jsonObj = JSON.parse(testStr);

// 2. 遍歷並新增屬性
for (var i = 0; i < jsonObj.length; i++) {
    console.log(jsonObj[i].aa); // 讀取原有屬性
    jsonObj[i]['新增欄位'] = 'cccc'; // 動態新增
    console.log(jsonObj[i]['新增欄位']);
}

// 3. 轉回字串（如需傳回後端）
var newStr = JSON.stringify(jsonObj);
console.log(newStr);
</script>
</body>
</html>

關鍵差異

安全提醒

禁用 eval：若字串來源不可信，eval 會執行任意代碼，永遠用 JSON.parse。