JSON 變換器與 AI Transform 工具

範圍根節點
腳本
在這裡寫 JavaScript…(記得 return 一個值)
1
2
3
4
5
6
7
輸入
1
輸出
先執行一次預覽,輸出會顯示在這裡。

如何使用腳本與 AI Transform 重組 JSON

1步驟 1 - 從可正常解析的 JSON 開始2步驟 2 - 選擇配方,或讓 AI Transform 起草第一個腳本3步驟 3 - 在覆寫之前用 Preview 驗證輸出4步驟 4 - 套用結果並繼續 JSON 工作流程

把 JSON Transformer 當成工作流程中的結構變換層會最有效。先準備一份可解析的 JSON,選擇現成配方或 AI 產生的腳本,在預覽中確認結果,再套用、匯出或繼續交給表格編輯器、Formatter 與 Schema 工具。

從原始 payload 到目標結構

先定義真正想要的 JSON,再讓腳本和 AI 協助建立它

實際工作通常不是修改單一值,而是把混雜的來源 payload 變成適合前端清單、報表或下游 API 的乾淨結構。

原始 JSON
1
[
2
{
3
"id": 101,
4
"fullName": "Maeve Winters",
5
"team": "growth",
6
"active": true,
7
"profile": {
8
"email": "[email protected]"
9
}
10
},
11
{
12
"id": 102,
13
"fullName": "Jon Park",
14
"team": "ops",
15
"active": false,
16
"profile": {
17
"email": "[email protected]"
18
}
19
}
20
]
變換後輸出
1
[
2
{
3
"id": 101,
4
"name": "Maeve Winters",
5
"email": "[email protected]"
6
}
7
]

這種篩選 + 重命名 + 抽取深層欄位的流程,很適合先用 AI Transform 起草,再在 Preview 中本機驗證。

3 個貼近實際工作的 JSON 變換範例

這些範例涵蓋資料清理、欄位重組與值的抽取,是處理 API、匯出資料和設定 payload 時常見的工作。

資料清理

篩掉無效資料列,只讓有用的記錄繼續往下游走

適合在匯出、分析或載入其他地方前,移除已封存使用者、失敗記錄或測試項目。

輸入 JSON
1
[
2
{ "id": 101, "status": "active", "name": "Maeve" },
3
{ "id": 102, "status": "archived", "name": "Jon" }
4
]
變換後輸出
1
[
2
{ "id": 101, "status": "active", "name": "Maeve" }
3
]

先篩選通常能讓後續每一步更乾淨、更快。

結構重組

扁平化巢狀物件,為下游工具重命名欄位

適合為前端表格、報表、CSV 匯出或具型別模型準備更簡單的結構。

輸入 JSON
1
{
2
"user": {
3
"id": 42,
4
"profile": {
5
"fullName": "Maeve Winters",
6
"email": "[email protected]"
7
}
8
}
9
}
變換後輸出
1
{
2
"id": 42,
3
"name": "Maeve Winters",
4
"email": "[email protected]"
5
}

更扁平的輸出通常更容易在表格編輯器中檢查,也更容易轉成 Schema 或程式碼。

欄位抽取

把物件陣列中的單一欄位取成獨立清單

需要 ID、SKU 或任何單欄輸出時,不必手動複製值。

輸入 JSON
1
[
2
{ "id": "SKU-1", "price": 19 },
3
{ "id": "SKU-2", "price": 22 }
4
]
變換後輸出
1
[
2
"SKU-1",
3
"SKU-2"
4
]

欄位抽取是配方範本或 AI 腳本最容易快速帶來效益的操作之一。

  1. 01

    教學步驟

    步驟 1 - 從可正常解析的 JSON 開始

    開始變換前,先確認輸入是有效 JSON。Transformer 不是修復工具,最適合在資料可解析、剩下的問題是結構而非語法時使用。

    • 將 API 回應、設定物件、匯出資料或日誌 payload 的原始 JSON 貼到輸入編輯器。
    • 如果 payload 已經在檔案中,請使用匯入,而不是先手動複製。
    • 面對大型陣列或深層巢狀物件時,先決定目標結構,再開始編輯腳本。
    • 如果輸入無法解析,先前往 Validator 或 Repair,等 JSON 有效後再回來。
    • 常見流程是先 Formatter、再 Transformer,因為格式化後的 JSON 更容易在重組前看懂。
  2. 02

    教學步驟

    步驟 2 - 選擇配方,或讓 AI Transform 起草第一個腳本

    這一步決定現成配方是否足夠,或要讓 AI 產生更好的起點。常見模式用配方最快,涉及業務資料特有規則時 AI 會更有幫助。

    • 瀏覽篩選、映射、保留欄位、扁平化、去重、重命名鍵值等常見變換的內建配方。
    • 如果知道目標形狀但不想從零寫腳本,開啟 AI Transform,以自然語言描述需求。
    • 說明要保留或刪除哪些欄位,以及是否需要分組、排序、扁平化或預設值,提示會更有效。
    • 把 AI 結果視為高品質初稿,在採用前調整欄位名稱與業務規則。
    • 無論使用配方或 AI,都保留乾淨的原始輸入,方便稍後比較變換前後的輸出。
  3. 03

    教學步驟

    步驟 3 - 在覆寫之前用 Preview 驗證輸出

    這頁最重要的安全功能是 Preview。它讓你在取代輸入或匯出結果前,先確認腳本實際產生的內容。

    • 執行 Preview,先檢查輸出形狀、列數、欄位名稱、值的型別與巢狀深度,再套用結果。
    • 如果腳本拋出錯誤、回傳 undefined,或產生無法序列化為 JSON 的內容,頁面會顯示錯誤,方便先修正腳本。
    • 對篩選與映射抽查幾筆代表性記錄,確認重要欄位沒有被刪除或錯誤轉型。
    • 對扁平化、分組與重命名檢查輸出鍵值是否一致,陣列或巢狀物件是否被錯誤重塑。
    • AI 產生的腳本尤其要仔細預覽;它是高品質起點,不是未經檢查的最終答案。
  4. 04

    教學步驟

    步驟 4 - 套用結果並繼續 JSON 工作流程

    當預覽正確後,把結果套用回輸入編輯器,或複製、匯出結果。接著可以進行視覺檢查、格式化、Schema 生成或下游整合。

    • 想把預覽結果變成下一次輸入時使用 Apply,方便串接多個變換。
    • 輸出完成後,可複製或下載,用於 API 測試、資料交付、交接或存檔。
    • 想檢查資料列或手動修改少數欄位時,將結果送到 JSON Table Editor。
    • 想讓變換後的 payload 更容易閱讀或分享時,用 Formatter 做美化、排序或壓縮。
    • 結構穩定後,從變換後的輸出生成 Schema 或型別、比較版本,不要再以原始 payload 為基礎。

更可靠的 JSON Transformer 工作流程

1

先用 Validator 或 Formatter 確認輸入可解析且容易檢查。

2

從配方或 AI Transform 草稿開始,不必每次都從空白檔案寫完整腳本。

3

每次修改腳本後先執行 Preview,抽查代表性資料列,再按下 Apply。

4

變換穩定後,複製、匯出,或把結果送到表格編輯器、Formatter、Schema Generator 或 Compare。

5

儲存成功的腳本供重複使用,下次處理相似 payload 會快很多。

JSON Transformer 在格式化與視覺化編輯之間最有價值:它比手動修改文字快,也比撰寫完整的獨立資料處理程式更輕量、更容易反覆調整。

實用提示

寫腳本前先定義目標輸出形狀,通常能得到更乾淨的邏輯與更少的重試。
使用 AI Transform 起草第一版,但先相信 Preview 輸出,再相信腳本本身。
變換陣列時抽查幾筆代表性資料,避免不知不覺漏掉重要欄位或型別。
如果主要是人工檢查或單次編輯,JSON Table Editor 通常比寫腳本更適合。

相關 JSON 工具

  • 先格式化並驗證輸入,能讓腳本更容易撰寫,也更容易檢查輸出。
  • 批次變換後,在表格中視覺化檢查是抽查重要欄位的好方法。
  • 輸出形狀穩定後,生成 Schema 與型別通常會更乾淨。

常見問題

這個 JSON 變換器適合做什麼?

它適合把有效 JSON 重組成更方便在其他地方使用的結構,例如篩選列、重命名欄位、補上預設值、把單一欄位取成清單、扁平化巢狀物件,或為下游 API、表格與報表重新分組記錄。

需要會寫 JavaScript 嗎?

不一定。頁面提供篩選、映射、扁平化、去重與重命名鍵值等常見操作的現成配方。如果不想從零開始,也可以用自然語言描述目標,讓 AI Transform 產生腳本草稿。

AI Transform 會自動修改資料嗎?

不會。AI Transform 只負責起草腳本,不會跳過你的檢查。你仍可查看生成的腳本、執行預覽、確認輸出,再決定是否套用到目前的 JSON,兼顧效率與控制權。

變換時我的 JSON 會上傳嗎?

腳本執行、預覽、套用與匯出都在瀏覽器本機完成。AI 助手可能根據你的文字目標協助起草變換邏輯,但實際的 JSON 變換仍會在本機執行。

它和 JSON Table Editor 或 Formatter 有什麼不同?

Table Editor 適合視覺化檢查與手動編輯,Formatter 適合改善可讀性、壓縮與基本清理。JSON Transformer 適合真正改變資料結構,例如重命名欄位、抽取欄、扁平化巢狀結構或產生新的輸出形狀。

什麼時候要先使用 Validator 或 Repair?

當 JSON 還不是有效格式時,先使用 Validator 或 Repair。Transformer 最適合處理已能解析、接下來要重組結構而不是修正語法的資料。