[{"data":1,"prerenderedAt":295},["ShallowReactive",2],{"tag-labels":3,"site-header":4,"article-struktur-kontrol-kondisi-id":72},{},{"featuredPost":5,"navigations":29},{"id":6,"title":7,"title_en":8,"slug":9,"excerpt":10,"excerpt_en":11,"has_translation":12,"published_at":13,"reading_time":14,"hidden_from_listing":15,"tags":16,"thumbnail_image":21,"og_image":22,"series":23,"authors":28},110,"Ketika Pilih Framework Cuma Biar Kelihatan Beda","When You Pick a Framework Just to Look Different","ketika-pilih-framework-cuma-biar-kelihatan-beda","Terakhir kali kamu milih framework atau library baru, itu karena masalahmu butuh alat itu, atau karena alatnya kedengaran keren dan belum banyak yang pakai? Pertanyaan ini nggak enak dijawab. Soalnya keputusan teknologi sering diambil dengan alasan yang nggak pernah ditulis di dokumen teknis mana pun.","The last time you chose a new framework or library, was it because your problem needed that tool, or because it sounded cool and few people around you were using it? That question is uncomfortable. Technology decisions are often made for reasons that never appear in any technical document.",true,"2026-10-06T15:25:21.000Z",5,false,[17,18,19,20],"karier","framework","opini","pengalaman",null,"\u002Fog\u002Fketika-pilih-framework-cuma-biar-kelihatan-beda.png",{"id":24,"title":25,"title_en":26,"slug":27},9,"Artikel","Articles","all",[],[30,46,67],{"collection":31,"item":32},"series",{"__typename":31,"title":25,"title_en":26,"slug":27,"children_series":33},[34,38,42],{"title":35,"title_en":36,"slug":37},"Kecerdasan Artifisial","Artificial Intelligence","kecerdasan-artifisial",{"title":39,"title_en":40,"slug":41},"Konsep Dasar Pemrograman","Programming Fundamentals","konsep-dasar-pemrograman",{"title":43,"title_en":44,"slug":45},"Algoritma dan Struktur Data","Algorithms and Data Structures","algoritma-struktur-data",{"collection":31,"item":47},{"__typename":31,"title":48,"title_en":48,"slug":49,"children_series":50},"Tutorial","tutorial",[51,55,59,63],{"title":52,"title_en":53,"slug":54},"Belajar Python","Learning Python","belajar-python",{"title":56,"title_en":57,"slug":58},"Belajar Golang","Learning Go","belajar-golang",{"title":60,"title_en":61,"slug":62},"Belajar Java","Learning Java","belajar-java",{"title":64,"title_en":65,"slug":66},"Belajar Pascal","Learning Pascal","belajar-pascal",{"collection":31,"item":68},{"__typename":31,"title":69,"title_en":69,"slug":70,"children_series":71},"Lab","lab",[],{"article":73,"renderedBody":180,"renderedTakeaway":181,"latestArticles":182,"toc":279},{"id":74,"title":75,"title_en":76,"slug":77,"excerpt":78,"excerpt_en":79,"has_translation":12,"published_at":80,"reading_time":81,"hidden_from_listing":15,"tags":82,"thumbnail_image":21,"og_image":86,"series":87,"authors":174,"body_locale":175,"available_locales":176,"body":178,"takeway":179,"prerequisite":21},8,"Struktur Kontrol Kondisi (If-Else dan Switch-Case), Apa Bedanya?","If-Else vs Switch-Case: What's the Real Difference?","struktur-kontrol-kondisi","Sering bingung kapan harus pakai if-else dan kapan switch-case? Kenapa switch-case kadang bisa lebih ngebut? Yuk, bongkar rahasianya di sini!","Not sure when to reach for if-else and when switch-case earns its place? Here is why switch-case sometimes runs faster.","2026-06-14T17:23:03.446Z",2,[83,84,85],"basic","intro","conditions","\u002Fog\u002Fstruktur-kontrol-kondisi.png",{"id":88,"title":39,"title_en":40,"slug":41,"description":89,"description_en":90,"articles":91,"children_series":167,"parent_series":168},12,"Mengenal konsep dasar pemrograman. Pada seri ini kita akan membahas tentang bagaimana cara berkutat dengan variabel, mengatur alur program dengan struktur kontrol, me-reuse kode dengan fungsi, dan aturan sintaks pada bahasa pemrograman. Konsep-konsep ini pastinya akan sangat berguna ketika kita mulai mengkoding ceria.","The concepts every language shares: variables, control flow, functions, and syntax. Learn them once and the next language is mostly vocabulary.",[92,103,116,119,131,145],{"id":93,"title":39,"title_en":94,"slug":41,"excerpt":95,"excerpt_en":96,"has_translation":12,"published_at":97,"reading_time":98,"hidden_from_listing":15,"tags":99,"thumbnail_image":21,"og_image":100,"series":101,"authors":102},6,"Programming Fundamentals: Four Concepts Behind Every Program","Inti dari pemrograman adalah memberi instruksi alias menyuruh komputer untuk melakukan sesuatu yang kita inginkan.","The core of programming is giving instructions: telling the computer to do what you want it to do, in a language that has rules of its own.","2026-06-14T16:51:40.694Z",7,[84,83],"\u002Fog\u002Fkonsep-dasar-pemrograman.png",{"id":88,"title":39,"title_en":40,"slug":41},[],{"id":98,"title":104,"title_en":105,"slug":106,"excerpt":107,"excerpt_en":108,"has_translation":12,"published_at":109,"reading_time":14,"hidden_from_listing":15,"tags":110,"thumbnail_image":21,"og_image":113,"series":114,"authors":115},"Konsep Variabel dan Tipe Data pada Pemrograman","Variables and Data Types in Programming","variable-dan-tipe-data","Variabel itu ibarat “tokoh utama” di sebuah program. Nggak peduli bahasa pemrograman apapun, pasti semua punya konsep variabel.","A variable is the main character of a program, and every language has one. The type is what decides which data fits inside.","2026-06-14T16:51:40.710Z",[83,84,111,112],"variable","types","\u002Fog\u002Fvariable-dan-tipe-data.png",{"id":88,"title":39,"title_en":40,"slug":41},[],{"id":74,"title":75,"title_en":76,"slug":77,"excerpt":78,"excerpt_en":79,"has_translation":12,"published_at":80,"reading_time":81,"hidden_from_listing":15,"tags":82,"thumbnail_image":21,"og_image":86,"series":117,"authors":118},{"id":88,"title":39,"title_en":40,"slug":41},[],{"id":24,"title":120,"title_en":121,"slug":122,"excerpt":123,"excerpt_en":124,"has_translation":12,"published_at":125,"reading_time":81,"hidden_from_listing":15,"tags":126,"thumbnail_image":21,"og_image":128,"series":129,"authors":130},"Struktur Kontrol Perulangan (For, While, Do-While), Kapan Harus Dipakai?","Loop Control Structures: When to Use For, While, and Do-While","struktur-kontrol-perulangan","Pernah ngerasa capek nulis baris kode yang sama berulang kali? Gimana caranya nyuruh komputer buat ngerjain itu secara otomatis?","Tired of writing the same lines of code over and over? Here is how you make the computer repeat the work for you, and which loop to pick.","2026-06-14T17:23:03.479Z",[83,84,127],"looping","\u002Fog\u002Fstruktur-kontrol-perulangan.png",{"id":88,"title":39,"title_en":40,"slug":41},[],{"id":132,"title":133,"title_en":134,"slug":135,"excerpt":136,"excerpt_en":137,"has_translation":12,"published_at":138,"reading_time":139,"hidden_from_listing":15,"tags":140,"thumbnail_image":21,"og_image":142,"series":143,"authors":144},10,"Fungsi dan Prosedur dalam Pemrograman, Apa Bedanya?","Functions vs Procedures: What's the Difference?","fungsi-dan-prosedur","Pernah bingung kapan harus pakai fungsi dan kapan pakai prosedur pas lagi ngoding? Yuk, bongkar rahasia dan bedanya di sini biar kode kamu makin rapi!","Ever wondered when to reach for a function and when a procedure does the job while coding? Here is the split that keeps your code tidy.","2026-06-14T17:23:03.636Z",3,[83,84,141],"functions","\u002Fog\u002Ffungsi-dan-prosedur.png",{"id":88,"title":39,"title_en":40,"slug":41},[],{"id":146,"title":147,"title_en":148,"slug":149,"excerpt":150,"excerpt_en":151,"has_translation":12,"published_at":152,"reading_time":14,"hidden_from_listing":15,"tags":153,"thumbnail_image":21,"og_image":158,"series":159,"authors":160},119,"Aturan Sintaks: Satu Titik Koma Bikin Program Nggak Jalan","Syntax Rules: One Missing Semicolon Stops the Program","aturan-sintaks-pemrograman","Baru nulis beberapa baris, programnya udah nolak jalan? Seringnya bukan logikanya yang salah, cuma satu karakter yang kurang atau salah tempat.","You wrote a few lines and the program already refuses to run? Most of the time the logic is fine, and one character is missing or in the wrong place.","2026-10-11T23:00:15.000Z",[154,155,156,157],"syntax","dasar","konsep","python","\u002Fog\u002Faturan-sintaks-pemrograman.png",{"id":88,"title":39,"title_en":40,"slug":41},[161],{"authors_id":162},{"id":163,"name":164,"slug":165,"role":166,"profile_picture":21},1,"Daffa Izzuddin","izzudd","Writer",[],{"id":24,"title":25,"title_en":26,"slug":27,"parent_series":21,"children_series":169},[170,171,172],{"id":74,"title":35,"title_en":36,"slug":37,"cover_image":21},{"id":88,"title":39,"title_en":40,"slug":41,"cover_image":21},{"id":173,"title":43,"title_en":44,"slug":45,"cover_image":21},15,[],"id",[177,175],"en","Pernah nggak kalian bikin program yang harus milih jalan? Ibaratnya lagi di persimpangan jalan, kalau belok kiri ke minimarket, kalau kanan ke pom bensin.\n\nNah, di dunia *programming*, konsep pengambilan keputusan kayak gini dinamakan struktur kontrol kondisi! 🚦\n\nStruktur ini tuh bener-bener krusial buat nentuin arah eksekusi program kalian. Di artikel ini, kita bakal bahas dua bintang utamanya: `if-else` dan `switch-case`. Yuk, kita bedah bareng-bareng!\n\n## Apa Itu Struktur Kontrol Kondisi?\nGampangnya, ini tuh mekanisme yang bikin alur eksekusi program kalian bisa berubah arah atau bercabang. Program bakal mengevaluasi sebuah kondisi, apakah dia bernilai benar (*true*) atau salah (*false*).\n\nDari hasil evaluasi tersebut, program bakal mutusin blok kode mana yang harus dijalankan selanjutnya. Tanpa mekanisme ini, program kalian cuma bisa jalan lurus doang tanpa bisa mengambil keputusan yang dinamis.\n\n## Kenalan Sama `if-else`\nStruktur `if-else` ini ibarat pisau lipat *Swiss Army*, serba bisa! Dia bekerja dengan cara mengevaluasi kondisi *boolean*.\n\nKarakteristik utamanya tuh fleksibel banget. Kalian bisa bebas pakai berbagai operator logika kayak `&&` atau `||`, sampai operator relasional kayak `>`, `\u003C`, `==`, atau `!=`.\n\nMakanya, `if-else` paling pas kalau kalian butuh ngecek rentang nilai atau kondisi bersyarat yang lumayan ribet.\n\nContoh sintaksnya gampang banget dipahami:\n```javascript\nif (nilai >= 90) {\n    console.log(\"Grade A\");\n} else if (nilai >= 80) {\n    console.log(\"Grade B\");\n} else {\n    console.log(\"Grade C atau kurang\");\n}\n```\n\n## Terus, Apa Itu `switch-case`?\nKalau `if-else` itu serba bisa, `switch-case` ini lebih spesialis. Dia dirancang khusus buat membandingkan satu variabel terhadap sekumpulan nilai konstan yang spesifik.\n\nTipe datanya lebih terbatas. Biasanya cuma bisa menerima *integer*, karakter, atau *enum*. Tapi kelebihannya, dia bakal jauh lebih rapi buat ngatur banyak pilihan yang sejajar.\n\nSatu hal yang penting banget diingat: jangan lupa menyelipkan pernyataan `break`! Kalau nggak, program kalian bakal bablas mengeksekusi *case* di bawahnya, yang sering disebut kejadian *fall-through*.\n\nBentuk kodenya lebih terstruktur kayak gini:\n```javascript\nswitch (hari) {\n    case 1:\n        console.log(\"Senin\");\n        break;\n    case 2:\n        console.log(\"Selasa\");\n        break;\n    default:\n        console.log(\"Hari lainnya\");\n}\n```\n\n## `if-else` vs `switch-case`: Pilih Mana?\nPertanyaannya, kapan waktu yang pas buat pakai yang mana?\n\nPakai `if-else` kalau kalian butuh ngecek rentang nilai, misalnya skor ujian `nilai >= 75`. Ini juga andalan buat kondisi logika perbandingan yang lebih kompleks.\n\nTapi, kalau kalian cuma perlu nyocokin sebuah variabel tunggal dengan banyak opsi nilai pasti, mending pakai `switch-case`. Contohnya buat milih menu, kode hari, atau mendeteksi *HTTP status code*. Kodenya bakal jauh lebih bersih dan nggak membingungkan!\n\n## Gimana Soal Kecepatan dan Keterbacaan?\nNah, perdebatan soal ini juga seru. Dari segi kecepatan, `switch-case` seringkali bisa lebih ngebut!\n\nBeberapa bahasa pemrograman pakai optimasi yang namanya *jump table* buat `switch-case`. Jadi, program bisa langsung loncat ke kondisi yang benar sekaligus, tanpa harus mengevaluasi kodenya satu-satu.\n\nBeda halnya sama `if-else` yang bakal mengecek kondisinya berurutan dari atas ke bawah secara sekuensial. Kalau jumlah kondisinya ada banyak banget, bakal lumayan makan waktu tuh.\n\nSelain itu, `switch-case` jelas lebih menang di urusan keterbacaan. Struktur `if-else` yang terlalu panjang dan bersarang (*nested*) cuma bakal bikin pusing yang bacanya.\n\nKalian sendiri lebih sering pakai yang mana nih buat mengeksekusi *decision making* di kode kalian? Kasih tahu alasannya di kolom komentar ya!\n\nSelamat berkoding ria! 👋\n","- Struktur kontrol kondisi bikin program bisa bercabang dan ngambil keputusan secara dinamis.\n- if-else cocok buat logika perbandingan yang kompleks dan ngecek rentang nilai.\n- switch-case lebih rapi dan spesifik buat nyocokin satu variabel dengan nilai-nilai konstan.\n- Di beberapa bahasa, switch-case dieksekusi lebih cepat berkat optimasi jump table.","\u003Cp>Pernah nggak kalian bikin program yang harus milih jalan? Ibaratnya lagi di persimpangan jalan, kalau belok kiri ke minimarket, kalau kanan ke pom bensin.\u003C\u002Fp>\n\u003Cp>Nah, di dunia \u003Cem>programming\u003C\u002Fem>, konsep pengambilan keputusan kayak gini dinamakan struktur kontrol kondisi! 🚦\u003C\u002Fp>\n\u003Cp>Struktur ini tuh bener-bener krusial buat nentuin arah eksekusi program kalian. Di artikel ini, kita bakal bahas dua bintang utamanya: \u003Ccode>if-else\u003C\u002Fcode> dan \u003Ccode>switch-case\u003C\u002Fcode>. Yuk, kita bedah bareng-bareng!\u003C\u002Fp>\n\u003Ch2 id=\"apa-itu-struktur-kontrol-kondisi\">Apa Itu Struktur Kontrol Kondisi?\u003C\u002Fh2>\n\u003Cp>Gampangnya, ini tuh mekanisme yang bikin alur eksekusi program kalian bisa berubah arah atau bercabang. Program bakal mengevaluasi sebuah kondisi, apakah dia bernilai benar (\u003Cem>true\u003C\u002Fem>) atau salah (\u003Cem>false\u003C\u002Fem>).\u003C\u002Fp>\n\u003Cp>Dari hasil evaluasi tersebut, program bakal mutusin blok kode mana yang harus dijalankan selanjutnya. Tanpa mekanisme ini, program kalian cuma bisa jalan lurus doang tanpa bisa mengambil keputusan yang dinamis.\u003C\u002Fp>\n\u003Ch2 id=\"kenalan-sama-if-else\">Kenalan Sama \u003Ccode>if-else\u003C\u002Fcode>\u003C\u002Fh2>\n\u003Cp>Struktur \u003Ccode>if-else\u003C\u002Fcode> ini ibarat pisau lipat \u003Cem>Swiss Army\u003C\u002Fem>, serba bisa! Dia bekerja dengan cara mengevaluasi kondisi \u003Cem>boolean\u003C\u002Fem>.\u003C\u002Fp>\n\u003Cp>Karakteristik utamanya tuh fleksibel banget. Kalian bisa bebas pakai berbagai operator logika kayak \u003Ccode>&&\u003C\u002Fcode> atau \u003Ccode>||\u003C\u002Fcode>, sampai operator relasional kayak \u003Ccode>>\u003C\u002Fcode>, \u003Ccode><\u003C\u002Fcode>, \u003Ccode>==\u003C\u002Fcode>, atau \u003Ccode>!=\u003C\u002Fcode>.\u003C\u002Fp>\n\u003Cp>Makanya, \u003Ccode>if-else\u003C\u002Fcode> paling pas kalau kalian butuh ngecek rentang nilai atau kondisi bersyarat yang lumayan ribet.\u003C\u002Fp>\n\u003Cp>Contoh sintaksnya gampang banget dipahami:\u003C\u002Fp>\n\n\u003Cdiv class=\"code-block-wrapper my-6 not-prose rounded-xl border-2 border-black dark:border-gray-600 shadow-neo overflow-hidden bg-[#24292e] text-[#e1e4e8] transition-all\">\n  \u003Cdiv class=\"code-block-header flex items-center justify-between px-4 py-2.5 bg-[#1f2428] border-b-2 border-black dark:border-gray-600 font-mono text-xs font-bold text-gray-300 select-none\">\n    \u003Cdiv class=\"flex items-center gap-2\">\n      \u003Cspan class=\"w-3 h-3 rounded-full bg-[#ff5f56] border border-black\u002F40 inline-block\">\u003C\u002Fspan>\n      \u003Cspan class=\"w-3 h-3 rounded-full bg-[#ffbd2e] border border-black\u002F40 inline-block\">\u003C\u002Fspan>\n      \u003Cspan class=\"w-3 h-3 rounded-full bg-[#27c93f] border border-black\u002F40 inline-block\">\u003C\u002Fspan>\n      \u003Cspan class=\"ml-2 font-mono font-bold text-xs uppercase tracking-wider text-gray-300\">JAVASCRIPT\u003C\u002Fspan>\n    \u003C\u002Fdiv>\n    \u003Cbutton type=\"button\" class=\"copy-code-btn flex items-center gap-1.5 px-3 py-1 text-xs font-bold bg-[#2f363d] text-gray-200 border-2 border-black dark:border-gray-500 rounded-lg shadow-neo-sm hover:translate-x-0.5 hover:translate-y-0.5 hover:shadow-none hover:bg-gray-700 transition-all cursor-pointer\" data-code=\"if%20(nilai%20%3E%3D%2090)%20%7B%0A%20%20%20%20console.log(%22Grade%20A%22)%3B%0A%7D%20else%20if%20(nilai%20%3E%3D%2080)%20%7B%0A%20%20%20%20console.log(%22Grade%20B%22)%3B%0A%7D%20else%20%7B%0A%20%20%20%20console.log(%22Grade%20C%20atau%20kurang%22)%3B%0A%7D\" title=\"Salin kode\">\n      \u003Csvg class=\"w-3.5 h-3.5 copy-icon-svg\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\">\n        \u003Cpath stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M8 16H6a2 2 0 01-2-2V6a2 2 0 012-2h8a2 2 0 012 2v2m-6 12h8a2 2 0 002-2v-8a2 2 0 00-2-2h-8a2 2 0 00-2 2v8a2 2 0 002 2z\">\u003C\u002Fpath>\n      \u003C\u002Fsvg>\n      \u003Cspan class=\"copy-text\">Copy\u003C\u002Fspan>\n    \u003C\u002Fbutton>\n  \u003C\u002Fdiv>\n  \u003Cdiv class=\"code-block-content p-4 overflow-x-auto text-sm font-mono leading-relaxed bg-[#24292e]\">\n    \u003Cpre class=\"shiki github-dark\" style=\"background-color:#24292e;color:#e1e4e8\" tabindex=\"0\">\u003Ccode>\u003Cspan class=\"line\">\u003Cspan style=\"color:#F97583\">if\u003C\u002Fspan>\u003Cspan style=\"color:#E1E4E8\"> (nilai \u003C\u002Fspan>\u003Cspan style=\"color:#F97583\">>=\u003C\u002Fspan>\u003Cspan style=\"color:#79B8FF\"> 90\u003C\u002Fspan>\u003Cspan style=\"color:#E1E4E8\">) {\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#E1E4E8\">    console.\u003C\u002Fspan>\u003Cspan style=\"color:#B392F0\">log\u003C\u002Fspan>\u003Cspan style=\"color:#E1E4E8\">(\u003C\u002Fspan>\u003Cspan style=\"color:#9ECBFF\">\"Grade A\"\u003C\u002Fspan>\u003Cspan style=\"color:#E1E4E8\">);\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#E1E4E8\">} \u003C\u002Fspan>\u003Cspan style=\"color:#F97583\">else\u003C\u002Fspan>\u003Cspan style=\"color:#F97583\"> if\u003C\u002Fspan>\u003Cspan style=\"color:#E1E4E8\"> (nilai \u003C\u002Fspan>\u003Cspan style=\"color:#F97583\">>=\u003C\u002Fspan>\u003Cspan style=\"color:#79B8FF\"> 80\u003C\u002Fspan>\u003Cspan style=\"color:#E1E4E8\">) {\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#E1E4E8\">    console.\u003C\u002Fspan>\u003Cspan style=\"color:#B392F0\">log\u003C\u002Fspan>\u003Cspan style=\"color:#E1E4E8\">(\u003C\u002Fspan>\u003Cspan style=\"color:#9ECBFF\">\"Grade B\"\u003C\u002Fspan>\u003Cspan style=\"color:#E1E4E8\">);\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#E1E4E8\">} \u003C\u002Fspan>\u003Cspan style=\"color:#F97583\">else\u003C\u002Fspan>\u003Cspan style=\"color:#E1E4E8\"> {\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#E1E4E8\">    console.\u003C\u002Fspan>\u003Cspan style=\"color:#B392F0\">log\u003C\u002Fspan>\u003Cspan style=\"color:#E1E4E8\">(\u003C\u002Fspan>\u003Cspan style=\"color:#9ECBFF\">\"Grade C atau kurang\"\u003C\u002Fspan>\u003Cspan style=\"color:#E1E4E8\">);\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#E1E4E8\">}\u003C\u002Fspan>\u003C\u002Fspan>\u003C\u002Fcode>\u003C\u002Fpre>\n  \u003C\u002Fdiv>\n\u003C\u002Fdiv>\u003Ch2 id=\"terus-apa-itu-switch-case\">Terus, Apa Itu \u003Ccode>switch-case\u003C\u002Fcode>?\u003C\u002Fh2>\n\u003Cp>Kalau \u003Ccode>if-else\u003C\u002Fcode> itu serba bisa, \u003Ccode>switch-case\u003C\u002Fcode> ini lebih spesialis. Dia dirancang khusus buat membandingkan satu variabel terhadap sekumpulan nilai konstan yang spesifik.\u003C\u002Fp>\n\u003Cp>Tipe datanya lebih terbatas. Biasanya cuma bisa menerima \u003Cem>integer\u003C\u002Fem>, karakter, atau \u003Cem>enum\u003C\u002Fem>. Tapi kelebihannya, dia bakal jauh lebih rapi buat ngatur banyak pilihan yang sejajar.\u003C\u002Fp>\n\u003Cp>Satu hal yang penting banget diingat: jangan lupa menyelipkan pernyataan \u003Ccode>break\u003C\u002Fcode>! Kalau nggak, program kalian bakal bablas mengeksekusi \u003Cem>case\u003C\u002Fem> di bawahnya, yang sering disebut kejadian \u003Cem>fall-through\u003C\u002Fem>.\u003C\u002Fp>\n\u003Cp>Bentuk kodenya lebih terstruktur kayak gini:\u003C\u002Fp>\n\n\u003Cdiv class=\"code-block-wrapper my-6 not-prose rounded-xl border-2 border-black dark:border-gray-600 shadow-neo overflow-hidden bg-[#24292e] text-[#e1e4e8] transition-all\">\n  \u003Cdiv class=\"code-block-header flex items-center justify-between px-4 py-2.5 bg-[#1f2428] border-b-2 border-black dark:border-gray-600 font-mono text-xs font-bold text-gray-300 select-none\">\n    \u003Cdiv class=\"flex items-center gap-2\">\n      \u003Cspan class=\"w-3 h-3 rounded-full bg-[#ff5f56] border border-black\u002F40 inline-block\">\u003C\u002Fspan>\n      \u003Cspan class=\"w-3 h-3 rounded-full bg-[#ffbd2e] border border-black\u002F40 inline-block\">\u003C\u002Fspan>\n      \u003Cspan class=\"w-3 h-3 rounded-full bg-[#27c93f] border border-black\u002F40 inline-block\">\u003C\u002Fspan>\n      \u003Cspan class=\"ml-2 font-mono font-bold text-xs uppercase tracking-wider text-gray-300\">JAVASCRIPT\u003C\u002Fspan>\n    \u003C\u002Fdiv>\n    \u003Cbutton type=\"button\" class=\"copy-code-btn flex items-center gap-1.5 px-3 py-1 text-xs font-bold bg-[#2f363d] text-gray-200 border-2 border-black dark:border-gray-500 rounded-lg shadow-neo-sm hover:translate-x-0.5 hover:translate-y-0.5 hover:shadow-none hover:bg-gray-700 transition-all cursor-pointer\" data-code=\"switch%20(hari)%20%7B%0A%20%20%20%20case%201%3A%0A%20%20%20%20%20%20%20%20console.log(%22Senin%22)%3B%0A%20%20%20%20%20%20%20%20break%3B%0A%20%20%20%20case%202%3A%0A%20%20%20%20%20%20%20%20console.log(%22Selasa%22)%3B%0A%20%20%20%20%20%20%20%20break%3B%0A%20%20%20%20default%3A%0A%20%20%20%20%20%20%20%20console.log(%22Hari%20lainnya%22)%3B%0A%7D\" title=\"Salin kode\">\n      \u003Csvg class=\"w-3.5 h-3.5 copy-icon-svg\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\">\n        \u003Cpath stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M8 16H6a2 2 0 01-2-2V6a2 2 0 012-2h8a2 2 0 012 2v2m-6 12h8a2 2 0 002-2v-8a2 2 0 00-2-2h-8a2 2 0 00-2 2v8a2 2 0 002 2z\">\u003C\u002Fpath>\n      \u003C\u002Fsvg>\n      \u003Cspan class=\"copy-text\">Copy\u003C\u002Fspan>\n    \u003C\u002Fbutton>\n  \u003C\u002Fdiv>\n  \u003Cdiv class=\"code-block-content p-4 overflow-x-auto text-sm font-mono leading-relaxed bg-[#24292e]\">\n    \u003Cpre class=\"shiki github-dark\" style=\"background-color:#24292e;color:#e1e4e8\" tabindex=\"0\">\u003Ccode>\u003Cspan class=\"line\">\u003Cspan style=\"color:#F97583\">switch\u003C\u002Fspan>\u003Cspan style=\"color:#E1E4E8\"> (hari) {\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#F97583\">    case\u003C\u002Fspan>\u003Cspan style=\"color:#79B8FF\"> 1\u003C\u002Fspan>\u003Cspan style=\"color:#E1E4E8\">:\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#E1E4E8\">        console.\u003C\u002Fspan>\u003Cspan style=\"color:#B392F0\">log\u003C\u002Fspan>\u003Cspan style=\"color:#E1E4E8\">(\u003C\u002Fspan>\u003Cspan style=\"color:#9ECBFF\">\"Senin\"\u003C\u002Fspan>\u003Cspan style=\"color:#E1E4E8\">);\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#F97583\">        break\u003C\u002Fspan>\u003Cspan style=\"color:#E1E4E8\">;\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#F97583\">    case\u003C\u002Fspan>\u003Cspan style=\"color:#79B8FF\"> 2\u003C\u002Fspan>\u003Cspan style=\"color:#E1E4E8\">:\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#E1E4E8\">        console.\u003C\u002Fspan>\u003Cspan style=\"color:#B392F0\">log\u003C\u002Fspan>\u003Cspan style=\"color:#E1E4E8\">(\u003C\u002Fspan>\u003Cspan style=\"color:#9ECBFF\">\"Selasa\"\u003C\u002Fspan>\u003Cspan style=\"color:#E1E4E8\">);\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#F97583\">        break\u003C\u002Fspan>\u003Cspan style=\"color:#E1E4E8\">;\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#F97583\">    default\u003C\u002Fspan>\u003Cspan style=\"color:#E1E4E8\">:\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#E1E4E8\">        console.\u003C\u002Fspan>\u003Cspan style=\"color:#B392F0\">log\u003C\u002Fspan>\u003Cspan style=\"color:#E1E4E8\">(\u003C\u002Fspan>\u003Cspan style=\"color:#9ECBFF\">\"Hari lainnya\"\u003C\u002Fspan>\u003Cspan style=\"color:#E1E4E8\">);\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#E1E4E8\">}\u003C\u002Fspan>\u003C\u002Fspan>\u003C\u002Fcode>\u003C\u002Fpre>\n  \u003C\u002Fdiv>\n\u003C\u002Fdiv>\u003Ch2 id=\"if-else-vs-switch-case-pilih-mana\">\u003Ccode>if-else\u003C\u002Fcode> vs \u003Ccode>switch-case\u003C\u002Fcode>: Pilih Mana?\u003C\u002Fh2>\n\u003Cp>Pertanyaannya, kapan waktu yang pas buat pakai yang mana?\u003C\u002Fp>\n\u003Cp>Pakai \u003Ccode>if-else\u003C\u002Fcode> kalau kalian butuh ngecek rentang nilai, misalnya skor ujian \u003Ccode>nilai >= 75\u003C\u002Fcode>. Ini juga andalan buat kondisi logika perbandingan yang lebih kompleks.\u003C\u002Fp>\n\u003Cp>Tapi, kalau kalian cuma perlu nyocokin sebuah variabel tunggal dengan banyak opsi nilai pasti, mending pakai \u003Ccode>switch-case\u003C\u002Fcode>. Contohnya buat milih menu, kode hari, atau mendeteksi \u003Cem>HTTP status code\u003C\u002Fem>. Kodenya bakal jauh lebih bersih dan nggak membingungkan!\u003C\u002Fp>\n\u003Ch2 id=\"gimana-soal-kecepatan-dan-keterbacaan\">Gimana Soal Kecepatan dan Keterbacaan?\u003C\u002Fh2>\n\u003Cp>Nah, perdebatan soal ini juga seru. Dari segi kecepatan, \u003Ccode>switch-case\u003C\u002Fcode> seringkali bisa lebih ngebut!\u003C\u002Fp>\n\u003Cp>Beberapa bahasa pemrograman pakai optimasi yang namanya \u003Cem>jump table\u003C\u002Fem> buat \u003Ccode>switch-case\u003C\u002Fcode>. Jadi, program bisa langsung loncat ke kondisi yang benar sekaligus, tanpa harus mengevaluasi kodenya satu-satu.\u003C\u002Fp>\n\u003Cp>Beda halnya sama \u003Ccode>if-else\u003C\u002Fcode> yang bakal mengecek kondisinya berurutan dari atas ke bawah secara sekuensial. Kalau jumlah kondisinya ada banyak banget, bakal lumayan makan waktu tuh.\u003C\u002Fp>\n\u003Cp>Selain itu, \u003Ccode>switch-case\u003C\u002Fcode> jelas lebih menang di urusan keterbacaan. Struktur \u003Ccode>if-else\u003C\u002Fcode> yang terlalu panjang dan bersarang (\u003Cem>nested\u003C\u002Fem>) cuma bakal bikin pusing yang bacanya.\u003C\u002Fp>\n\u003Cp>Kalian sendiri lebih sering pakai yang mana nih buat mengeksekusi \u003Cem>decision making\u003C\u002Fem> di kode kalian? Kasih tahu alasannya di kolom komentar ya!\u003C\u002Fp>\n\u003Cp>Selamat berkoding ria! 👋\u003C\u002Fp>\n","\u003Cul>\n\u003Cli>Struktur kontrol kondisi bikin program bisa bercabang dan ngambil keputusan secara dinamis.\u003C\u002Fli>\n\u003Cli>if-else cocok buat logika perbandingan yang kompleks dan ngecek rentang nilai.\u003C\u002Fli>\n\u003Cli>switch-case lebih rapi dan spesifik buat nyocokin satu variabel dengan nilai-nilai konstan.\u003C\u002Fli>\n\u003Cli>Di beberapa bahasa, switch-case dieksekusi lebih cepat berkat optimasi jump table.\u003C\u002Fli>\n\u003C\u002Ful>\n",[183,200,213,226,239,259],{"id":184,"title":185,"title_en":21,"slug":186,"excerpt":187,"excerpt_en":21,"has_translation":15,"published_at":188,"reading_time":93,"hidden_from_listing":15,"tags":189,"thumbnail_image":21,"og_image":191,"series":192,"authors":197},133,"Python Strings: the Badge That Only Worked for One Name","python-strings","The badge script printed the right name for the person who wrote it and the wrong name for everybody else. Slicing counts characters, and a name is words.","2026-10-28T13:00:00.000Z",[157,190],"string","\u002Fog\u002Fpython-strings.png",{"id":193,"title":194,"title_en":195,"slug":196},30,"Koleksi dan String","Collections and Strings","python-collections",[198],{"authors_id":199},{"id":163,"name":164,"slug":165,"role":166,"profile_picture":21},{"id":201,"title":202,"title_en":21,"slug":203,"excerpt":204,"excerpt_en":21,"has_translation":15,"published_at":205,"reading_time":93,"hidden_from_listing":15,"tags":206,"thumbnail_image":21,"og_image":208,"series":209,"authors":210},132,"Python Tuples: Why All Three Points Are the Same Point","python-tuples","Three points walk into a loop and come out identical. The list was never copied three times; the name was. A tuple makes that bug impossible.","2026-10-28T12:00:00.000Z",[157,207],"tuple","\u002Fog\u002Fpython-tuples.png",{"id":193,"title":194,"title_en":195,"slug":196},[211],{"authors_id":212},{"id":163,"name":164,"slug":165,"role":166,"profile_picture":21},{"id":214,"title":215,"title_en":21,"slug":216,"excerpt":217,"excerpt_en":21,"has_translation":15,"published_at":218,"reading_time":93,"hidden_from_listing":15,"tags":219,"thumbnail_image":21,"og_image":221,"series":222,"authors":223},131,"Python Sets: the Duplicate That Keeps Coming Back","python-sets","A de-duplication loop that works on clean data leaves four tags where there should be two. The bug is case, and the fix is a `set`.","2026-10-28T11:00:00.000Z",[157,220],"set","\u002Fog\u002Fpython-sets.png",{"id":193,"title":194,"title_en":195,"slug":196},[224],{"authors_id":225},{"id":163,"name":164,"slug":165,"role":166,"profile_picture":21},{"id":227,"title":228,"title_en":21,"slug":229,"excerpt":230,"excerpt_en":21,"has_translation":15,"published_at":231,"reading_time":93,"hidden_from_listing":15,"tags":232,"thumbnail_image":21,"og_image":234,"series":235,"authors":236},130,"Python Dictionaries: the Key That Isn't There","python-dictionary","A word counter dies the first time it meets a word twice. The fix is one line; what takes longer is knowing which of a dict's three lookups to reach for.","2026-10-28T10:00:00.000Z",[157,233],"dictionary","\u002Fog\u002Fpython-dictionary.png",{"id":193,"title":194,"title_en":195,"slug":196},[237],{"authors_id":238},{"id":163,"name":164,"slug":165,"role":166,"profile_picture":21},{"id":240,"title":241,"title_en":242,"slug":243,"excerpt":244,"excerpt_en":245,"has_translation":12,"published_at":246,"reading_time":14,"hidden_from_listing":15,"tags":247,"thumbnail_image":21,"og_image":254,"series":255,"authors":256},129,"Biar RAG nggak kena 504: pisahin jalur query dan ingestion","So Your RAG Stops Hitting 504: Split the Query Path From Ingestion","rag-pisah-jalur-query-dan-ingestion","Satu service RAG yang merangkap parsing dan menjawab kueri bakal tumbang pas ada yang upload PDF 200 halaman. Obatnya dua jalur dan satu queue.","One RAG service that both parses uploads and answers queries will fall over the moment someone uploads a 200-page PDF. The cure is two paths and one queue.","2026-10-22T01:30:00.000Z",[248,249,250,251,252,253],"rag","cloud-run","cloud-tasks","gcp","serverless","arsitektur","\u002Fog\u002Frag-pisah-jalur-query-dan-ingestion.png",{"id":74,"title":35,"title_en":36,"slug":37},[257],{"authors_id":258},{"id":163,"name":164,"slug":165,"role":166,"profile_picture":21},{"id":260,"title":261,"title_en":262,"slug":263,"excerpt":264,"excerpt_en":265,"has_translation":12,"published_at":266,"reading_time":93,"hidden_from_listing":15,"tags":267,"thumbnail_image":21,"og_image":274,"series":275,"authors":276},128,"Linear atau graf: cara mengatur banyak agent tanpa loop abadi","Linear or Graph: How to Run Many Agents Without an Eternal Loop","multi-agen-linear-atau-grafik","Satu agent dengan dua puluh tool gampang kacau. Begitu beberapa agent saling revisi, kamu butuh graf yang mendukung cycle dan angka yang membuatnya berhenti.","One agent with twenty tools gets messy fast. Once several agents revise each other, you need a graph that allows cycles and a number that makes it stop.","2026-10-21T16:05:00.000Z",[268,269,270,271,272,273],"multi-agent","langgraph","autogen","orkestrasi","checkpoint","llm","\u002Fog\u002Fmulti-agen-linear-atau-grafik.png",{"id":74,"title":35,"title_en":36,"slug":37},[277],{"authors_id":278},{"id":163,"name":164,"slug":165,"role":166,"profile_picture":21},[280,283,286,289,292],{"text":281,"depth":81,"id":282},"Apa Itu Struktur Kontrol Kondisi?","apa-itu-struktur-kontrol-kondisi",{"text":284,"depth":81,"id":285},"Kenalan Sama if-else","kenalan-sama-if-else",{"text":287,"depth":81,"id":288},"Terus, Apa Itu switch-case?","terus-apa-itu-switch-case",{"text":290,"depth":81,"id":291},"if-else vs switch-case: Pilih Mana?","if-else-vs-switch-case-pilih-mana",{"text":293,"depth":81,"id":294},"Gimana Soal Kecepatan dan Keterbacaan?","gimana-soal-kecepatan-dan-keterbacaan",1793295835311]