Durasi: 10 menit | Block: 4

---

🎯 Goal Block Ini

Bikin peserta nyaman sama JSON dan data mapping — tanpa overwhelmed.

---

📦 JSON itu Simple

JSON = cara n8n menyimpan dan mengirim data antar node.

{
  "nama": "Budi",
  "email": "budi@email.com",
  "order": {
    "produk": "Kopi Arabica",
    "qty": 2,
    "harga": 75000
  },
  "tags": ["vip", "repeat-buyer"]
}

Analogi: JSON = formulir. Key = label. Value = isian.

---

🔗 Field Mapping = Pasang Data ke Tempatnya

Output Node A:          Input Node B:
┌──────────────┐        ┌──────────────┐
│ nama: Budi   │ ────── │ Nama Customer│
│ email: budi@ │ ────── │ Email Tujuan │
│ pesan: Halo  │ ────── │ Isi Pesan    │
└──────────────┘        └──────────────┘

Di n8n:

1. Klik node B
2. Di field "Nama Customer", ketik {{ $json.nama }}
3. n8n otomatis ambil data dari node sebelumnya

---

🔣 Expressions — Formula n8n

Dasar

Expression	Hasil
{{ $json.nama }}	Value field "nama" dari node sebelumnya
{{ $json.order.produk }}	Nested field
{{ $json.tags[0] }}	Array index pertama
{{ $now }}	Tanggal/waktu sekarang

Formatting

Expression	Hasil
{{ $now.format('DD/MM/YYYY') }}	"30/05/2026"
{{ $json.harga.toLocaleString() }}	"75,000"
{{ $json.nama.toUpperCase() }}	"BUDI"

String Concatenation

"Halo \{{ $json.nama }}, terima kasih atas inquiry tentang \{{ $json.order.produk }}"

---

🧪 Hands-On: Data Mapping

Input (Webhook):
{
  "customer_name": "Ani",
  "product": "Kopi Robusta",
  "quantity": 3,
  "price_per_unit": 50000
}

Task: Di Set Node, bikin field:

Field	Expression
summary	"Order baru: \{{ $json.quantity }}x \{{ $json.product }}"
total	{{ $json.quantity * $json.price_per_unit }}
formatted_total	"Rp \{{ ($json.quantity * $json.price_per_unit).toLocaleString() }}"

---

⚠️ Common Mistakes

Masalah	Penyebab	Fix
Field kosong	Nama field salah (case-sensitive)	Check exact key name di output node sebelumnya
Expression error	Kurung kurawang ga tutup	Pastikan {{ ... }} lengkap
Nested field null	Path salah	Cek dengan {{ JSON.stringify($json) }} dulu
Number jadi string	Input type ga sesuai	Pakai Number($json.qty)

---

💡 Pro Tip

Klik tab "Output" di node untuk lihat data yang keluar. Ini cara paling gampang debug data mapping.