Bandingkan Teks & Text Diff

Apa itu Text Diff?

// Two strings that look 'mostly the same' but a naïve check disagrees
const a = 'hello world';
const b = 'hello, world!';

// Character equality
a === b; // false — but only 3 characters actually changed.

// LCS-style diff (this tool, at line + word granularity)
// → 1 line modified, inline highlight: 'hello[, ]world[!]'
// → unified patch:
//   --- original
//   +++ modified
//   @@ -1 +1 @@
//   -hello world
//   +hello, world!

Fitur Utama

Contoh

function getUser(id) {
  const u = db.users.find(x => x.id === id);
  return u;
}

function getUser(userId) {
  const u = db.users.find(x => x.id === userId);
  return u;
}

1. The service is provided as-is.
2. Either party may terminate with 30 days notice.
3. Disputes are resolved in California courts.

1. The service is provided as-is.
2. Either party may terminate with 30 days notice.
2a. Termination notice must be in writing.
3. Disputes are resolved in California courts.

GET /api/users 200 14ms
POST /api/orders 201 88ms
GET /api/orders/42 200 21ms

GET /api/users 200 14ms
POST /api/orders 201 4200ms
GET /api/orders/42 500 21ms

  margin: 0;  
  padding: 0;
  border: none;

  margin: 0;
  padding: 0;
  border: none;

Cara Menggunakan

1. 1

   Tempel kedua versi

   Teks asli di kiri, teks yang dimodifikasi di kanan. Diff live merender saat Anda mengetik; input besar (>200 KB gabungan) beralih ke tombol Diff manual.

2. 2

   Aktifkan opsi abaikan yang Anda butuhkan

   Abaikan huruf besar-kecil, abaikan semua spasi, abaikan spasi trailing, atau abaikan baris kosong — masing-masing independen, persist antar kunjungan.

3. 3

   Baca diff atau ambil patchnya

   Side-by-Side untuk review manusia, Unified untuk format patch `---/+++/@@`. Salin unified diff mengirim patch bersih ke clipboard Anda untuk code review atau `patch -p1`.

Jebakan Diff yang Umum

Diff: 200 modifications (all because of trailing \r)

Ignore trailing spaces / tabs → 2 real changes

Diff: 87 modifications (all are indent changes)

Ignore all whitespace → 4 actual changes

Diff: paragraph 2 'completely changed' (one blank line moved)

Ignore blank lines → no changes in paragraph 2

0 differences shown, but `cmp` says the files differ

Disable all Ignore options → real diff appears

Text diff on JSON: 100% of lines changed (just a key reorder)

<a href="/id/tools/json-diff">JSON Diff</a>: 0 differences

Pasted a 20,000-line log — only first 5,000 lines diffed

`diff -u a.log b.log` in terminal handles full file

Skenario Penggunaan Umum

Cuplikan code review

Letakkan dua versi sebuah fungsi ke dalam kotak untuk melihat rename, branch yang dihapus, atau guard clause baru sekilas mata. Sorot kata inline lebih cepat daripada menyapu diff GitHub untuk perubahan satu baris.

Redline kontrak / kebijakan

Tempel kontrak kemarin vs revisi hari ini. Klausa sisipan langsung melompat keluar; paragraf yang tidak berubah menciut jadi abu-abu. Ekspor unified patch untuk jejak review legal.

Investigasi timeline log

Bandingkan irisan log pra-insiden SRE dengan irisan saat insiden. Pergeseran latensi, kode status, dan frekuensi langsung muncul ke permukaan tanpa `awk`.

Revisi draft / prosa

Tempel draft Anda dan versi editor Anda. Diff kata inline menunjukkan persis kalimat mana yang ditulis ulang — tak ternilai untuk menerima atau menolak perubahan satu per satu.

Review terjemahan

Diff terjemahan lama dengan terjemahan ulang untuk memastikan teks baru mempertahankan makna, struktur, dan placeholder. Aktifkan 'Abaikan spasi trailing' untuk membungkam noise yang sering diperkenalkan penerjemah.

Audit file konfigurasi / .env

Bandingkan dua `.env`, `docker-compose.yaml`, atau file shell rc. Dengan 'Abaikan baris kosong' aktif, diff fokus pada perbedaan fungsional ketimbang churn pemformatan.

Detail Teknis

LCS dengan pemotongan prefix/suffix

Baris awal dan akhir yang sama dilepas sebelum menjalankan LCS dynamic programming. Diff 'dua konfigurasi 2.000 baris dengan satu baris berubah' menciut ke tabel DP 1×1 dan dirender di bawah satu milidetik.

Diff intra-baris level token

Hunk hapus + tambah yang bertetangga dipasangkan dan ditokenkan via run kata/non-kata/spasi Unicode. Pass LCS kedua menghasilkan span token hijau/merah yang membuat baris dimodifikasi terbaca.

Unified diff = kompatibel git/patch

Output mengikuti format `---/+++/@@ -L,C +L,C @@` yang didefinisikan untuk GNU patch dan dipakai Git, GitHub, dan setiap alat code review. Terapkan dengan `pbpaste | patch -p0`.

Batas input 5.000 baris per sisi

Di atas batas, diff dipotong dan memberi peringatan. Untuk input multi-megabyte gunakan command line `diff -u` atau `git diff --no-index` — keduanya streaming dan menangani gigabyte.

Praktik Terbaik

Pilih opsi abaikan sebelum membaca

Noise dari trailing space, CRLF, dan huruf besar-kecil menenggelamkan sinyal. Aktifkan opsi yang tepat dulu; diff jauh lebih mudah dibaca dan Anda berhenti melatih diri untuk menyapu lewat perubahan 'palsu'.

Pakai Unified untuk berbagi, Side-by-Side untuk meninjau

Kolom visual untuk mata Anda. Patch unified untuk terminal semua orang. Unified diff yang disalin jatuh ke pesan Slack, komentar Jira, atau `patch -p1` tanpa terjemahan.

Cek kewarasan dengan % kemiripan

Jika dua file 'hampir sama' tapi skor kemiripan 30%, Anda punya masalah line-ending atau spasi. Aktifkan 'Abaikan semua spasi' dan cek ulang sebelum membaca diff.

Pertanyaan yang Sering Diajukan