[{"data":1,"prerenderedAt":218},["ShallowReactive",2],{"site-header":3,"site-footer-license":37,"article-list-comprehension-pada-pyhton-with-latest":41},{"navigations":4},[5,20],{"collection":6,"item":7},"series",{"__typename":6,"title":8,"slug":9,"children_series":10},"Artikel","all",[11,14,17],{"title":12,"slug":13},"Algoritma dan Struktur Data","algoritma-struktur-data",{"title":15,"slug":16},"Konsep Dasar Pemrograman","konsep-dasar-pemrograman",{"title":18,"slug":19},"Kecerdasan Artifisial","kecerdasan-artifisial",{"collection":6,"item":21},{"__typename":6,"title":22,"slug":23,"children_series":24},"Tutorial","tutorial",[25,28,31,34],{"title":26,"slug":27},"Belajar Java","belajar-java",{"title":29,"slug":30},"Belajar Pascal","belajar-pascal",{"title":32,"slug":33},"Belajar Python","belajar-python",{"title":35,"slug":36},"Belajar Golang","belajar-golang",{"name":38,"url":39,"show":40},"CC BY-SA","https://creativecommons.org/licenses/by-sa/4.0/",false,{"article":42,"renderedBody":138,"renderedTakeaway":139,"latestArticles":140,"toc":191},{"id":43,"title":44,"slug":45,"excerpt":46,"published_at":47,"thumbnail_image":48,"tags":50,"reading_time":54,"takeway":55,"body":56,"authors":57,"series":63},"97","List Comprehension Pada Pyhton","list-comprehension-pada-pyhton","list comprehension merupakan ternary operator pada Python untuk mempersingkat proses inisialisasi variable list","2021-11-27T03:17:02.000Z",{"id":49},"5e8d4c5d-5506-4852-997d-deaa9f979fb5",[51,52,53],"python","list","list-comprehension",5,null,"Pada kesempatan kali ini kita akan membahas tentang list comprehension pada Python. Kalau [ternary conditional operator](https://invasikode.com/ternary-operator-python/) digunakan untuk mempersingkat assignment dengan pemilihan `if-else`, list comprehension ini digunakan untuk mempersingkat assignment data list dengan [perulangan](https://invasikode.com/for-loop-python/) `for`.\n\nMari kita bahas lebih lanjut...\n\nBagaimana penggunaan dan cara kerjanya? Mari kita bahas lebih lanjut…\n\n## List Comprehension pada Python\n\nSeperti yang sudah disebutkan sebelumnya, list comprehension merupakan ternary operator pada Python yang berfungsi untuk mempersingkat proses inisialisasi [variable list](https://invasikode.com/tipe-data-list-python/).\n\nKadang ada beberapa kasus yang mengharuskan kita mengisi elemen dari list sebelum melakukan manipulasi data. Tentu saja hal ini dapat dilakukan menggunakan perulangan `for` dengan append list pada setiap iterasinya. Contohnya seperti ini:\n\n```python\nlist = []\nfor i in range(10):\n    list.append(i)\n\nprint(list)\n```\n\nOutput:\n\n```\n[0, 1, 2, 3, 4, 5, 6, 7, 8, 9]\n```\n\nCara tersebut secara logika memang tidak salah, tapi… sebenarnya Python sudah punya metode yang lebih singkat dan tentunya lebih manusiawi ketimbang melakukan cara di atas. Disinilah list comprehension bersinar 😎\n\nKalau kalian pernah belajar tentang notasi himpunan matematika mungkin list comprehension ini sudah tidak asing lagi. Ingat cara baca ini?\n\n$$\nlist = {x | 0 \\le x \\lt 10, x \\in \\Z }\n$$\n\n> Notasi tersebut dibaca: *`list` merupakan himpunan bilangan `x`, sedemikian hingga `x` adalah bilangan bulat lebih dari atau sama dengan 0 dan kurang dari 10.*\n\nNotasi tersebut sebenarnya persis seperti kode yang telah kita buat sebelumnya. Yaitu memasukkan himpunan bilangan bulat antara 1 sampai 10 ke varaible list.\n\nNah loh, dari pada bingung sekarang kita balik lagi ke dunia python.\n\n## Format Penulisan List Comprehension\n\nKarena list comprehension juga ternary operator, maka dibutuhkan 3 operand dan 2 operator.\n\n```\n\u003Cvariable-target> = [\u003Ckembalian> for \u003Citem> in \u003Citerable>]\n```\n\n* `variable-target`: variable untuk menampung list yang telah dibuat\n* `kembalian`: nilai yang akan dikembalikan sebagai elemen list. Dapat berupa nilai [tetap](#membuat-list-berisi-nilai-yang-sama-konstan), variable, maupun [ekspresi](#membuat-list-angka-kuadrat) untuk memproses nilai `item`\n* `item`: penampung nilai dari iterable pada tiap iterasi, nilai ini dapat digunakan sebagai ekspresi dalam kembalian\n* `iterable`: variable yang berisi kumpulan nilai (list, string, tuple, dll)\n\nAtau bisa juga ditambah dengan kondisi:\n\n```\n\u003Cvariable-target> = [\u003Ckembalian> for \u003Citem> in \u003Citerable> if \u003Ckondisi>]\n```\n\nJika terdapat if statement seperti format di atas maka nilai `item` hanya akan diproses ketika `kondisi` bernilai **True**\n\n## Menggunakan List Comprehension\n\nPertama kita akan coba mengubah kode yang sebelumnya agar menggunakan list comprehension. Dengan logika yang sama kode tesebut dapat diubah menjadi seperti ini:\n\n```python\nlist = [i for i in range(10)]\nprint(list)\n```\n\nOutput:\n\n```\n[0, 1, 2, 3, 4, 5, 6, 7, 8, 9]\n```\n\nNah loh.. kode yang sebelumnya terdiri dari 4 baris sekarang jadi tinggal 2 baris. Dengan menggunakan list comprehension ini, inisialisasi dan pengisian variable list dapat dilakukan sekaligus tanpa perlu menggunakan `for` loop dan `append`.\n\n**Apa yang sebenarnya terjadi?**\n\nAgar lebih mudah memahami cara kerjanya, kita coba bahas proses inisialisasi variable `list` mulai dari kulit paling dalam hingga terluar.\n\n1. `for i in range(10)`: perulangan `for` biasa yang artinya kita mengambil setiap elemen dari iterable (`range(10)`) dan memasukkannya ke dalam variable `i`\n2. `[i for i in range(10)]`: nilai yang ada di dalam variable `i` menjadi ekspresi kembalian elemen list. Nantinya proses pengembalian akan dijalankan sebanyak panjang iterable sehingga didapatkan sebuah list\n3. `list = [i for i in range(10)]`: hasil dari list comprehension dimasukkan ke dalam variable `list`\n\nSekarang kita coba ke contoh lainnya.\n\n### Membuat list angka kuadrat\n\nPada kasus ini kita akan membuat variable `list` berisi 10 bilangan kuadrat yang pertama (mulai dari 0). Untuk melakukannya kita cukup mengubah ekspresi kembaliannya saja hingga menjadi seperti ini:\n\n```\nlist = [i*i for i in range(10)]\nprint(list)\n```\n\nOutput:\n\n```\n[0, 1, 4, 9, 16, 25, 36, 49, 64, 81]\n```\n\nNah… terlihat ya bagian mana yang perlu diubah. Dari yang sebelumnya kita cukup mengembalikan nilai `i`, sekarang kita mengembalikan nilai `i*i` sehingga didapatkan list bilangan pangkat 2.\n\n> Ingat! nilai kembalian pada list comprehension ini merupakan **ekspresi**. Jadi pemrosesan data apapun dapat dilakukan disana (termasuk pemanggilan fungsi dan ternary conditional operator).\n\n### Menggunakan kondisi\n\nSekarang kita tambah lagi kasusnya. Bagaimana cara membuat list yang berisi bilangan kuadrat dari angka genap saja. Sehingga hasil akhirnya adalah 4, 16, 36, dst.\n\nNah untuk melakukan ini kita dapat menggunakan [blok `if`](https://invasikode.com/if-else-python/) seperti pada format ke-2. Nantinya akan dicek apakah nilai `i` genap atau tidak. Sehingga kodenya berubah menjadi seperti ini:\n\n```python\nlist = [i*i for i in range(10) if i % 2 == 0]\nprint(list)\n```\n\nOutput:\n\n```\n[0, 4, 16, 36, 64]\n```\n\nNah pada contoh tersebut list yang dihasilkan memiliki panjang 5, tidak seperti sebelumnya yang memiliki panjang 10. Hal ini disebabkan karena ekspresi kembalian hanya akan proses **jika kondisi bernilai True**. Jadi ketika `i` bernilai ganjil nilainya tidak akan dikembalikan.\n\n### Membuat list berisi nilai yang sama (konstan)\n\nList comprehension ini juga dapat digunakan untuk menginisialisasi list dengan nilai yang sama pada setiap elemennya. Misal pada suatu kasus kita ingin membuat list dengan 10 elemen yang berisi nama orang yang sama. Maka hal ini dapat diselesaikan dengan kode berikut:\n\n```python\nnames = [\"inva\" for x in range(10)]\nprint(names)\n```\n\nOutput:\n\n```\n['inva', 'inva', 'inva', 'inva', 'inva', 'inva', 'inva', 'inva', 'inva', 'inva']\n```\n\nPada contoh tersebut variable `x` tidak digunakan sama sekali dalam ekspresi kembalian. Variable `x` di sini hanya berfungsi sebagai pembantu untuk melakukan iterasi.\n\n### Mengubah kalimat menjadi list karakter\n\nContoh terakhir. Ingat kan bahwa [string](https://invasikode.com/tipe-data-string-python/) pada python juga termasuk iterable? Karena termasuk iterable, string bisa juga dimanfaatkan untuk melakukan list comprehension.\n\nMisal pada kasus ini kita diminta untuk mengambil semua karakter dari sebuah string, dan memasukkannya ke dalam list `chars`. Maka kodenya akan seperti ini:\n\n```python\nsentence = \"belajar python bareng inva\"\nchars = [char for char in sentence]\nprint(chars)\n```\n\nOutput:\n\n```\n['b', 'e', 'l', 'a', 'j', 'a', 'r', ' ', 'p', 'y', 't', 'h', 'o', 'n', ' ', 'b', 'a', 'r', 'e', 'n', 'g', ' ', 'i', 'n', 'v', 'a']\n```\n\n> Sebenarnya untuk mengubah string menjadi list dapat digunakan type casting. contoh: `list(sentence)`\n\n## Penutup\n\nCukup sekian untuk kesempatan kali ini, semoga bermanfaat 😃\n\nPada kesempatan selanjutnya kita akan mulai bermain dengan fungsi dan sub program pada Python 3.\n\nSee ya…👋",[58],{"authors_id":59},{"name":60,"slug":61,"role":62,"profile_picture":55},"Daffa Izzuddin","izzudd","Writer",{"id":64,"title":65,"slug":66,"articles":67,"parent_series":116},"19","Struktur Kontrol","python-struktur-kontrol",[68,78,88,96,104,113],{"id":69,"title":70,"slug":71,"excerpt":72,"thumbnail_image":73,"tags":75},"92","Percabangan dengan IF, ELIF, ELSE pada Python","percabangan-dengan-if-elif-else-pada-python","Conditional statement bertugas untuk menjalankan perintah sesuai kondisi. Pada python, hal ini ditangani oleh if statement.",{"id":74},"1d91ec3b-2446-49fd-82e3-e3446468b70a",[51,76,77],"percabangan","struktur-kontrol",{"id":79,"title":80,"slug":81,"excerpt":82,"thumbnail_image":83,"tags":85},"93","Perulangan dengan FOR Loop pada Python","perulangan-dengan-for-loop-pada-python","for loop merupakan perulangan yang sudah diketahui kapan mulainya dan kapan selesainya.",{"id":84},"930bed49-dd1d-4707-85be-e6b774b65505",[51,86,87,77],"perulangan","loop",{"id":89,"title":90,"slug":91,"excerpt":92,"thumbnail_image":93,"tags":95},"94","Perulangan dengan WHILE Loop pada Python","perulangan-dengan-while-loop-pada-python","Berbeda dengan perulangan for, dengan while kita akan menggunakan kondisi boolean sebagai pengendalinya.",{"id":94},"a3d2cf83-8fff-4592-a62f-0d91d9a7b054",[51,86,87,77],{"id":97,"title":98,"slug":99,"excerpt":100,"thumbnail_image":101,"tags":103},"95","Statement BREAK dan CONTINUE pada Python","statement-break-dan-continue-pada-python","Python memiliki statement break dan continue untuk mengatasi kasus-kasus khusus pada struktur kontrol.",{"id":102},"cd09cb1e-7ef2-49a0-bf0a-03ff8c377577",[51,86,87,77],{"id":105,"title":106,"slug":107,"excerpt":108,"thumbnail_image":109,"tags":111},"96","Percabangan dengan Ternary Operator pada Python","percobangan-dengan-ternary-operator-pada-python","Pada Python ternary operator untuk mempersingkat assignment yang melibatkan kondisi IF ELSE.",{"id":110},"9bfe4ceb-53ed-43e0-99f6-af44c65ed13b",[51,76,112,77],"operator",{"id":43,"title":44,"slug":45,"excerpt":46,"thumbnail_image":114,"tags":115},{"id":49},[51,52,53],{"id":117,"title":32,"slug":33,"parent_series":118,"children_series":120},"10",{"id":119,"title":22,"slug":23,"parent_series":55},"1",[121,125,129,133,134],{"id":122,"title":123,"slug":124,"cover_image":55},"16","Berkenalan dengan Bahasa Python","python-intro",{"id":126,"title":127,"slug":128,"cover_image":55},"17","Variabel, Tipe Data, dan Operasi","python-variabel-tipe-data",{"id":130,"title":131,"slug":132,"cover_image":55},"18","Menggunakan Script Python","python-pemrograman-dengan-script",{"id":64,"title":65,"slug":66,"cover_image":55},{"id":135,"title":136,"slug":137,"cover_image":55},"20","Pemrograman Fungsional dengan Python","python-pemrograman-fungsional","\u003Cp>Pada kesempatan kali ini kita akan membahas tentang list comprehension pada Python. Kalau \u003Ca href=\"https://invasikode.com/ternary-operator-python/\">ternary conditional operator\u003C/a> digunakan untuk mempersingkat assignment dengan pemilihan \u003Ccode>if-else\u003C/code>, list comprehension ini digunakan untuk mempersingkat assignment data list dengan \u003Ca href=\"https://invasikode.com/for-loop-python/\">perulangan\u003C/a> \u003Ccode>for\u003C/code>.\u003C/p>\n\u003Cp>Mari kita bahas lebih lanjut...\u003C/p>\n\u003Cp>Bagaimana penggunaan dan cara kerjanya? Mari kita bahas lebih lanjut…\u003C/p>\n\u003Ch2 id=\"list-comprehension-pada-python\">List Comprehension pada Python\u003C/h2>\n\u003Cp>Seperti yang sudah disebutkan sebelumnya, list comprehension merupakan ternary operator pada Python yang berfungsi untuk mempersingkat proses inisialisasi \u003Ca href=\"https://invasikode.com/tipe-data-list-python/\">variable list\u003C/a>.\u003C/p>\n\u003Cp>Kadang ada beberapa kasus yang mengharuskan kita mengisi elemen dari list sebelum melakukan manipulasi data. Tentu saja hal ini dapat dilakukan menggunakan perulangan \u003Ccode>for\u003C/code> dengan append list pada setiap iterasinya. Contohnya seperti ini:\u003C/p>\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/40 inline-block\">\u003C/span>\n      \u003Cspan class=\"w-3 h-3 rounded-full bg-[#ffbd2e] border border-black/40 inline-block\">\u003C/span>\n      \u003Cspan class=\"w-3 h-3 rounded-full bg-[#27c93f] border border-black/40 inline-block\">\u003C/span>\n      \u003Cspan class=\"ml-2 font-mono font-bold text-xs uppercase tracking-wider text-gray-300\">PYTHON\u003C/span>\n    \u003C/div>\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=\"list%20%3D%20%5B%5D%0Afor%20i%20in%20range(10)%3A%0A%20%20%20%20list.append(i)%0A%0Aprint(list)\" 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/path>\n      \u003C/svg>\n      \u003Cspan class=\"copy-text\">Copy\u003C/span>\n    \u003C/button>\n  \u003C/div>\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:#79B8FF\">list\u003C/span>\u003Cspan style=\"color:#F97583\"> =\u003C/span>\u003Cspan style=\"color:#E1E4E8\"> []\u003C/span>\u003C/span>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#F97583\">for\u003C/span>\u003Cspan style=\"color:#E1E4E8\"> i \u003C/span>\u003Cspan style=\"color:#F97583\">in\u003C/span>\u003Cspan style=\"color:#79B8FF\"> range\u003C/span>\u003Cspan style=\"color:#E1E4E8\">(\u003C/span>\u003Cspan style=\"color:#79B8FF\">10\u003C/span>\u003Cspan style=\"color:#E1E4E8\">):\u003C/span>\u003C/span>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#79B8FF\">    list\u003C/span>\u003Cspan style=\"color:#E1E4E8\">.append(i)\u003C/span>\u003C/span>\n\u003Cspan class=\"line\">\u003C/span>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#79B8FF\">print\u003C/span>\u003Cspan style=\"color:#E1E4E8\">(\u003C/span>\u003Cspan style=\"color:#79B8FF\">list\u003C/span>\u003Cspan style=\"color:#E1E4E8\">)\u003C/span>\u003C/span>\u003C/code>\u003C/pre>\n  \u003C/div>\n\u003C/div>\u003Cp>Output:\u003C/p>\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/40 inline-block\">\u003C/span>\n      \u003Cspan class=\"w-3 h-3 rounded-full bg-[#ffbd2e] border border-black/40 inline-block\">\u003C/span>\n      \u003Cspan class=\"w-3 h-3 rounded-full bg-[#27c93f] border border-black/40 inline-block\">\u003C/span>\n      \u003Cspan class=\"ml-2 font-mono font-bold text-xs uppercase tracking-wider text-gray-300\">TEXT\u003C/span>\n    \u003C/div>\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=\"%5B0%2C%201%2C%202%2C%203%2C%204%2C%205%2C%206%2C%207%2C%208%2C%209%5D\" 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/path>\n      \u003C/svg>\n      \u003Cspan class=\"copy-text\">Copy\u003C/span>\n    \u003C/button>\n  \u003C/div>\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\">\u003Ccode>[0, 1, 2, 3, 4, 5, 6, 7, 8, 9]\u003C/code>\u003C/pre>\n  \u003C/div>\n\u003C/div>\u003Cp>Cara tersebut secara logika memang tidak salah, tapi… sebenarnya Python sudah punya metode yang lebih singkat dan tentunya lebih manusiawi ketimbang melakukan cara di atas. Disinilah list comprehension bersinar 😎\u003C/p>\n\u003Cp>Kalau kalian pernah belajar tentang notasi himpunan matematika mungkin list comprehension ini sudah tidak asing lagi. Ingat cara baca ini?\u003C/p>\n\u003Cp>$$\nlist = {x | 0 \\le x \\lt 10, x \\in \\Z }\n$$\u003C/p>\n\u003Cblockquote>\n\u003Cp>Notasi tersebut dibaca: \u003Cem>\u003Ccode>list\u003C/code> merupakan himpunan bilangan \u003Ccode>x\u003C/code>, sedemikian hingga \u003Ccode>x\u003C/code> adalah bilangan bulat lebih dari atau sama dengan 0 dan kurang dari 10.\u003C/em>\u003C/p>\n\u003C/blockquote>\n\u003Cp>Notasi tersebut sebenarnya persis seperti kode yang telah kita buat sebelumnya. Yaitu memasukkan himpunan bilangan bulat antara 1 sampai 10 ke varaible list.\u003C/p>\n\u003Cp>Nah loh, dari pada bingung sekarang kita balik lagi ke dunia python.\u003C/p>\n\u003Ch2 id=\"format-penulisan-list-comprehension\">Format Penulisan List Comprehension\u003C/h2>\n\u003Cp>Karena list comprehension juga ternary operator, maka dibutuhkan 3 operand dan 2 operator.\u003C/p>\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/40 inline-block\">\u003C/span>\n      \u003Cspan class=\"w-3 h-3 rounded-full bg-[#ffbd2e] border border-black/40 inline-block\">\u003C/span>\n      \u003Cspan class=\"w-3 h-3 rounded-full bg-[#27c93f] border border-black/40 inline-block\">\u003C/span>\n      \u003Cspan class=\"ml-2 font-mono font-bold text-xs uppercase tracking-wider text-gray-300\">TEXT\u003C/span>\n    \u003C/div>\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=\"%3Cvariable-target%3E%20%3D%20%5B%3Ckembalian%3E%20for%20%3Citem%3E%20in%20%3Citerable%3E%5D\" 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/path>\n      \u003C/svg>\n      \u003Cspan class=\"copy-text\">Copy\u003C/span>\n    \u003C/button>\n  \u003C/div>\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\">\u003Ccode>&lt;variable-target&gt; = [&lt;kembalian&gt; for &lt;item&gt; in &lt;iterable&gt;]\u003C/code>\u003C/pre>\n  \u003C/div>\n\u003C/div>\u003Cul>\n\u003Cli>\u003Ccode>variable-target\u003C/code>: variable untuk menampung list yang telah dibuat\u003C/li>\n\u003Cli>\u003Ccode>kembalian\u003C/code>: nilai yang akan dikembalikan sebagai elemen list. Dapat berupa nilai \u003Ca href=\"#membuat-list-berisi-nilai-yang-sama-konstan\">tetap\u003C/a>, variable, maupun \u003Ca href=\"#membuat-list-angka-kuadrat\">ekspresi\u003C/a> untuk memproses nilai \u003Ccode>item\u003C/code>\u003C/li>\n\u003Cli>\u003Ccode>item\u003C/code>: penampung nilai dari iterable pada tiap iterasi, nilai ini dapat digunakan sebagai ekspresi dalam kembalian\u003C/li>\n\u003Cli>\u003Ccode>iterable\u003C/code>: variable yang berisi kumpulan nilai (list, string, tuple, dll)\u003C/li>\n\u003C/ul>\n\u003Cp>Atau bisa juga ditambah dengan kondisi:\u003C/p>\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/40 inline-block\">\u003C/span>\n      \u003Cspan class=\"w-3 h-3 rounded-full bg-[#ffbd2e] border border-black/40 inline-block\">\u003C/span>\n      \u003Cspan class=\"w-3 h-3 rounded-full bg-[#27c93f] border border-black/40 inline-block\">\u003C/span>\n      \u003Cspan class=\"ml-2 font-mono font-bold text-xs uppercase tracking-wider text-gray-300\">TEXT\u003C/span>\n    \u003C/div>\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=\"%3Cvariable-target%3E%20%3D%20%5B%3Ckembalian%3E%20for%20%3Citem%3E%20in%20%3Citerable%3E%20if%20%3Ckondisi%3E%5D\" 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/path>\n      \u003C/svg>\n      \u003Cspan class=\"copy-text\">Copy\u003C/span>\n    \u003C/button>\n  \u003C/div>\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\">\u003Ccode>&lt;variable-target&gt; = [&lt;kembalian&gt; for &lt;item&gt; in &lt;iterable&gt; if &lt;kondisi&gt;]\u003C/code>\u003C/pre>\n  \u003C/div>\n\u003C/div>\u003Cp>Jika terdapat if statement seperti format di atas maka nilai \u003Ccode>item\u003C/code> hanya akan diproses ketika \u003Ccode>kondisi\u003C/code> bernilai \u003Cstrong>True\u003C/strong>\u003C/p>\n\u003Ch2 id=\"menggunakan-list-comprehension\">Menggunakan List Comprehension\u003C/h2>\n\u003Cp>Pertama kita akan coba mengubah kode yang sebelumnya agar menggunakan list comprehension. Dengan logika yang sama kode tesebut dapat diubah menjadi seperti ini:\u003C/p>\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/40 inline-block\">\u003C/span>\n      \u003Cspan class=\"w-3 h-3 rounded-full bg-[#ffbd2e] border border-black/40 inline-block\">\u003C/span>\n      \u003Cspan class=\"w-3 h-3 rounded-full bg-[#27c93f] border border-black/40 inline-block\">\u003C/span>\n      \u003Cspan class=\"ml-2 font-mono font-bold text-xs uppercase tracking-wider text-gray-300\">PYTHON\u003C/span>\n    \u003C/div>\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=\"list%20%3D%20%5Bi%20for%20i%20in%20range(10)%5D%0Aprint(list)\" 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/path>\n      \u003C/svg>\n      \u003Cspan class=\"copy-text\">Copy\u003C/span>\n    \u003C/button>\n  \u003C/div>\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:#79B8FF\">list\u003C/span>\u003Cspan style=\"color:#F97583\"> =\u003C/span>\u003Cspan style=\"color:#E1E4E8\"> [i \u003C/span>\u003Cspan style=\"color:#F97583\">for\u003C/span>\u003Cspan style=\"color:#E1E4E8\"> i \u003C/span>\u003Cspan style=\"color:#F97583\">in\u003C/span>\u003Cspan style=\"color:#79B8FF\"> range\u003C/span>\u003Cspan style=\"color:#E1E4E8\">(\u003C/span>\u003Cspan style=\"color:#79B8FF\">10\u003C/span>\u003Cspan style=\"color:#E1E4E8\">)]\u003C/span>\u003C/span>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#79B8FF\">print\u003C/span>\u003Cspan style=\"color:#E1E4E8\">(\u003C/span>\u003Cspan style=\"color:#79B8FF\">list\u003C/span>\u003Cspan style=\"color:#E1E4E8\">)\u003C/span>\u003C/span>\u003C/code>\u003C/pre>\n  \u003C/div>\n\u003C/div>\u003Cp>Output:\u003C/p>\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/40 inline-block\">\u003C/span>\n      \u003Cspan class=\"w-3 h-3 rounded-full bg-[#ffbd2e] border border-black/40 inline-block\">\u003C/span>\n      \u003Cspan class=\"w-3 h-3 rounded-full bg-[#27c93f] border border-black/40 inline-block\">\u003C/span>\n      \u003Cspan class=\"ml-2 font-mono font-bold text-xs uppercase tracking-wider text-gray-300\">TEXT\u003C/span>\n    \u003C/div>\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=\"%5B0%2C%201%2C%202%2C%203%2C%204%2C%205%2C%206%2C%207%2C%208%2C%209%5D\" 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/path>\n      \u003C/svg>\n      \u003Cspan class=\"copy-text\">Copy\u003C/span>\n    \u003C/button>\n  \u003C/div>\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\">\u003Ccode>[0, 1, 2, 3, 4, 5, 6, 7, 8, 9]\u003C/code>\u003C/pre>\n  \u003C/div>\n\u003C/div>\u003Cp>Nah loh.. kode yang sebelumnya terdiri dari 4 baris sekarang jadi tinggal 2 baris. Dengan menggunakan list comprehension ini, inisialisasi dan pengisian variable list dapat dilakukan sekaligus tanpa perlu menggunakan \u003Ccode>for\u003C/code> loop dan \u003Ccode>append\u003C/code>.\u003C/p>\n\u003Cp>\u003Cstrong>Apa yang sebenarnya terjadi?\u003C/strong>\u003C/p>\n\u003Cp>Agar lebih mudah memahami cara kerjanya, kita coba bahas proses inisialisasi variable \u003Ccode>list\u003C/code> mulai dari kulit paling dalam hingga terluar.\u003C/p>\n\u003Col>\n\u003Cli>\u003Ccode>for i in range(10)\u003C/code>: perulangan \u003Ccode>for\u003C/code> biasa yang artinya kita mengambil setiap elemen dari iterable (\u003Ccode>range(10)\u003C/code>) dan memasukkannya ke dalam variable \u003Ccode>i\u003C/code>\u003C/li>\n\u003Cli>\u003Ccode>[i for i in range(10)]\u003C/code>: nilai yang ada di dalam variable \u003Ccode>i\u003C/code> menjadi ekspresi kembalian elemen list. Nantinya proses pengembalian akan dijalankan sebanyak panjang iterable sehingga didapatkan sebuah list\u003C/li>\n\u003Cli>\u003Ccode>list = [i for i in range(10)]\u003C/code>: hasil dari list comprehension dimasukkan ke dalam variable \u003Ccode>list\u003C/code>\u003C/li>\n\u003C/ol>\n\u003Cp>Sekarang kita coba ke contoh lainnya.\u003C/p>\n\u003Ch3 id=\"membuat-list-angka-kuadrat\">Membuat list angka kuadrat\u003C/h3>\n\u003Cp>Pada kasus ini kita akan membuat variable \u003Ccode>list\u003C/code> berisi 10 bilangan kuadrat yang pertama (mulai dari 0). Untuk melakukannya kita cukup mengubah ekspresi kembaliannya saja hingga menjadi seperti ini:\u003C/p>\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/40 inline-block\">\u003C/span>\n      \u003Cspan class=\"w-3 h-3 rounded-full bg-[#ffbd2e] border border-black/40 inline-block\">\u003C/span>\n      \u003Cspan class=\"w-3 h-3 rounded-full bg-[#27c93f] border border-black/40 inline-block\">\u003C/span>\n      \u003Cspan class=\"ml-2 font-mono font-bold text-xs uppercase tracking-wider text-gray-300\">TEXT\u003C/span>\n    \u003C/div>\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=\"list%20%3D%20%5Bi*i%20for%20i%20in%20range(10)%5D%0Aprint(list)\" 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/path>\n      \u003C/svg>\n      \u003Cspan class=\"copy-text\">Copy\u003C/span>\n    \u003C/button>\n  \u003C/div>\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\">\u003Ccode>list = [i*i for i in range(10)]\nprint(list)\u003C/code>\u003C/pre>\n  \u003C/div>\n\u003C/div>\u003Cp>Output:\u003C/p>\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/40 inline-block\">\u003C/span>\n      \u003Cspan class=\"w-3 h-3 rounded-full bg-[#ffbd2e] border border-black/40 inline-block\">\u003C/span>\n      \u003Cspan class=\"w-3 h-3 rounded-full bg-[#27c93f] border border-black/40 inline-block\">\u003C/span>\n      \u003Cspan class=\"ml-2 font-mono font-bold text-xs uppercase tracking-wider text-gray-300\">TEXT\u003C/span>\n    \u003C/div>\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=\"%5B0%2C%201%2C%204%2C%209%2C%2016%2C%2025%2C%2036%2C%2049%2C%2064%2C%2081%5D\" 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/path>\n      \u003C/svg>\n      \u003Cspan class=\"copy-text\">Copy\u003C/span>\n    \u003C/button>\n  \u003C/div>\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\">\u003Ccode>[0, 1, 4, 9, 16, 25, 36, 49, 64, 81]\u003C/code>\u003C/pre>\n  \u003C/div>\n\u003C/div>\u003Cp>Nah… terlihat ya bagian mana yang perlu diubah. Dari yang sebelumnya kita cukup mengembalikan nilai \u003Ccode>i\u003C/code>, sekarang kita mengembalikan nilai \u003Ccode>i*i\u003C/code> sehingga didapatkan list bilangan pangkat 2.\u003C/p>\n\u003Cblockquote>\n\u003Cp>Ingat! nilai kembalian pada list comprehension ini merupakan \u003Cstrong>ekspresi\u003C/strong>. Jadi pemrosesan data apapun dapat dilakukan disana (termasuk pemanggilan fungsi dan ternary conditional operator).\u003C/p>\n\u003C/blockquote>\n\u003Ch3 id=\"menggunakan-kondisi\">Menggunakan kondisi\u003C/h3>\n\u003Cp>Sekarang kita tambah lagi kasusnya. Bagaimana cara membuat list yang berisi bilangan kuadrat dari angka genap saja. Sehingga hasil akhirnya adalah 4, 16, 36, dst.\u003C/p>\n\u003Cp>Nah untuk melakukan ini kita dapat menggunakan \u003Ca href=\"https://invasikode.com/if-else-python/\">blok \u003Ccode>if\u003C/code>\u003C/a> seperti pada format ke-2. Nantinya akan dicek apakah nilai \u003Ccode>i\u003C/code> genap atau tidak. Sehingga kodenya berubah menjadi seperti ini:\u003C/p>\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/40 inline-block\">\u003C/span>\n      \u003Cspan class=\"w-3 h-3 rounded-full bg-[#ffbd2e] border border-black/40 inline-block\">\u003C/span>\n      \u003Cspan class=\"w-3 h-3 rounded-full bg-[#27c93f] border border-black/40 inline-block\">\u003C/span>\n      \u003Cspan class=\"ml-2 font-mono font-bold text-xs uppercase tracking-wider text-gray-300\">PYTHON\u003C/span>\n    \u003C/div>\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=\"list%20%3D%20%5Bi*i%20for%20i%20in%20range(10)%20if%20i%20%25%202%20%3D%3D%200%5D%0Aprint(list)\" 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/path>\n      \u003C/svg>\n      \u003Cspan class=\"copy-text\">Copy\u003C/span>\n    \u003C/button>\n  \u003C/div>\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:#79B8FF\">list\u003C/span>\u003Cspan style=\"color:#F97583\"> =\u003C/span>\u003Cspan style=\"color:#E1E4E8\"> [i\u003C/span>\u003Cspan style=\"color:#F97583\">*\u003C/span>\u003Cspan style=\"color:#E1E4E8\">i \u003C/span>\u003Cspan style=\"color:#F97583\">for\u003C/span>\u003Cspan style=\"color:#E1E4E8\"> i \u003C/span>\u003Cspan style=\"color:#F97583\">in\u003C/span>\u003Cspan style=\"color:#79B8FF\"> range\u003C/span>\u003Cspan style=\"color:#E1E4E8\">(\u003C/span>\u003Cspan style=\"color:#79B8FF\">10\u003C/span>\u003Cspan style=\"color:#E1E4E8\">) \u003C/span>\u003Cspan style=\"color:#F97583\">if\u003C/span>\u003Cspan style=\"color:#E1E4E8\"> i \u003C/span>\u003Cspan style=\"color:#F97583\">%\u003C/span>\u003Cspan style=\"color:#79B8FF\"> 2\u003C/span>\u003Cspan style=\"color:#F97583\"> ==\u003C/span>\u003Cspan style=\"color:#79B8FF\"> 0\u003C/span>\u003Cspan style=\"color:#E1E4E8\">]\u003C/span>\u003C/span>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#79B8FF\">print\u003C/span>\u003Cspan style=\"color:#E1E4E8\">(\u003C/span>\u003Cspan style=\"color:#79B8FF\">list\u003C/span>\u003Cspan style=\"color:#E1E4E8\">)\u003C/span>\u003C/span>\u003C/code>\u003C/pre>\n  \u003C/div>\n\u003C/div>\u003Cp>Output:\u003C/p>\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/40 inline-block\">\u003C/span>\n      \u003Cspan class=\"w-3 h-3 rounded-full bg-[#ffbd2e] border border-black/40 inline-block\">\u003C/span>\n      \u003Cspan class=\"w-3 h-3 rounded-full bg-[#27c93f] border border-black/40 inline-block\">\u003C/span>\n      \u003Cspan class=\"ml-2 font-mono font-bold text-xs uppercase tracking-wider text-gray-300\">TEXT\u003C/span>\n    \u003C/div>\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=\"%5B0%2C%204%2C%2016%2C%2036%2C%2064%5D\" 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/path>\n      \u003C/svg>\n      \u003Cspan class=\"copy-text\">Copy\u003C/span>\n    \u003C/button>\n  \u003C/div>\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\">\u003Ccode>[0, 4, 16, 36, 64]\u003C/code>\u003C/pre>\n  \u003C/div>\n\u003C/div>\u003Cp>Nah pada contoh tersebut list yang dihasilkan memiliki panjang 5, tidak seperti sebelumnya yang memiliki panjang 10. Hal ini disebabkan karena ekspresi kembalian hanya akan proses \u003Cstrong>jika kondisi bernilai True\u003C/strong>. Jadi ketika \u003Ccode>i\u003C/code> bernilai ganjil nilainya tidak akan dikembalikan.\u003C/p>\n\u003Ch3 id=\"membuat-list-berisi-nilai-yang-sama-konstan\">Membuat list berisi nilai yang sama (konstan)\u003C/h3>\n\u003Cp>List comprehension ini juga dapat digunakan untuk menginisialisasi list dengan nilai yang sama pada setiap elemennya. Misal pada suatu kasus kita ingin membuat list dengan 10 elemen yang berisi nama orang yang sama. Maka hal ini dapat diselesaikan dengan kode berikut:\u003C/p>\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/40 inline-block\">\u003C/span>\n      \u003Cspan class=\"w-3 h-3 rounded-full bg-[#ffbd2e] border border-black/40 inline-block\">\u003C/span>\n      \u003Cspan class=\"w-3 h-3 rounded-full bg-[#27c93f] border border-black/40 inline-block\">\u003C/span>\n      \u003Cspan class=\"ml-2 font-mono font-bold text-xs uppercase tracking-wider text-gray-300\">PYTHON\u003C/span>\n    \u003C/div>\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=\"names%20%3D%20%5B%22inva%22%20for%20x%20in%20range(10)%5D%0Aprint(names)\" 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/path>\n      \u003C/svg>\n      \u003Cspan class=\"copy-text\">Copy\u003C/span>\n    \u003C/button>\n  \u003C/div>\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:#E1E4E8\">names \u003C/span>\u003Cspan style=\"color:#F97583\">=\u003C/span>\u003Cspan style=\"color:#E1E4E8\"> [\u003C/span>\u003Cspan style=\"color:#9ECBFF\">\"inva\"\u003C/span>\u003Cspan style=\"color:#F97583\"> for\u003C/span>\u003Cspan style=\"color:#E1E4E8\"> x \u003C/span>\u003Cspan style=\"color:#F97583\">in\u003C/span>\u003Cspan style=\"color:#79B8FF\"> range\u003C/span>\u003Cspan style=\"color:#E1E4E8\">(\u003C/span>\u003Cspan style=\"color:#79B8FF\">10\u003C/span>\u003Cspan style=\"color:#E1E4E8\">)]\u003C/span>\u003C/span>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#79B8FF\">print\u003C/span>\u003Cspan style=\"color:#E1E4E8\">(names)\u003C/span>\u003C/span>\u003C/code>\u003C/pre>\n  \u003C/div>\n\u003C/div>\u003Cp>Output:\u003C/p>\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/40 inline-block\">\u003C/span>\n      \u003Cspan class=\"w-3 h-3 rounded-full bg-[#ffbd2e] border border-black/40 inline-block\">\u003C/span>\n      \u003Cspan class=\"w-3 h-3 rounded-full bg-[#27c93f] border border-black/40 inline-block\">\u003C/span>\n      \u003Cspan class=\"ml-2 font-mono font-bold text-xs uppercase tracking-wider text-gray-300\">TEXT\u003C/span>\n    \u003C/div>\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=\"%5B'inva'%2C%20'inva'%2C%20'inva'%2C%20'inva'%2C%20'inva'%2C%20'inva'%2C%20'inva'%2C%20'inva'%2C%20'inva'%2C%20'inva'%5D\" 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/path>\n      \u003C/svg>\n      \u003Cspan class=\"copy-text\">Copy\u003C/span>\n    \u003C/button>\n  \u003C/div>\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\">\u003Ccode>['inva', 'inva', 'inva', 'inva', 'inva', 'inva', 'inva', 'inva', 'inva', 'inva']\u003C/code>\u003C/pre>\n  \u003C/div>\n\u003C/div>\u003Cp>Pada contoh tersebut variable \u003Ccode>x\u003C/code> tidak digunakan sama sekali dalam ekspresi kembalian. Variable \u003Ccode>x\u003C/code> di sini hanya berfungsi sebagai pembantu untuk melakukan iterasi.\u003C/p>\n\u003Ch3 id=\"mengubah-kalimat-menjadi-list-karakter\">Mengubah kalimat menjadi list karakter\u003C/h3>\n\u003Cp>Contoh terakhir. Ingat kan bahwa \u003Ca href=\"https://invasikode.com/tipe-data-string-python/\">string\u003C/a> pada python juga termasuk iterable? Karena termasuk iterable, string bisa juga dimanfaatkan untuk melakukan list comprehension.\u003C/p>\n\u003Cp>Misal pada kasus ini kita diminta untuk mengambil semua karakter dari sebuah string, dan memasukkannya ke dalam list \u003Ccode>chars\u003C/code>. Maka kodenya akan seperti ini:\u003C/p>\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/40 inline-block\">\u003C/span>\n      \u003Cspan class=\"w-3 h-3 rounded-full bg-[#ffbd2e] border border-black/40 inline-block\">\u003C/span>\n      \u003Cspan class=\"w-3 h-3 rounded-full bg-[#27c93f] border border-black/40 inline-block\">\u003C/span>\n      \u003Cspan class=\"ml-2 font-mono font-bold text-xs uppercase tracking-wider text-gray-300\">PYTHON\u003C/span>\n    \u003C/div>\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=\"sentence%20%3D%20%22belajar%20python%20bareng%20inva%22%0Achars%20%3D%20%5Bchar%20for%20char%20in%20sentence%5D%0Aprint(chars)\" 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/path>\n      \u003C/svg>\n      \u003Cspan class=\"copy-text\">Copy\u003C/span>\n    \u003C/button>\n  \u003C/div>\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:#E1E4E8\">sentence \u003C/span>\u003Cspan style=\"color:#F97583\">=\u003C/span>\u003Cspan style=\"color:#9ECBFF\"> \"belajar python bareng inva\"\u003C/span>\u003C/span>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#E1E4E8\">chars \u003C/span>\u003Cspan style=\"color:#F97583\">=\u003C/span>\u003Cspan style=\"color:#E1E4E8\"> [char \u003C/span>\u003Cspan style=\"color:#F97583\">for\u003C/span>\u003Cspan style=\"color:#E1E4E8\"> char \u003C/span>\u003Cspan style=\"color:#F97583\">in\u003C/span>\u003Cspan style=\"color:#E1E4E8\"> sentence]\u003C/span>\u003C/span>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#79B8FF\">print\u003C/span>\u003Cspan style=\"color:#E1E4E8\">(chars)\u003C/span>\u003C/span>\u003C/code>\u003C/pre>\n  \u003C/div>\n\u003C/div>\u003Cp>Output:\u003C/p>\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/40 inline-block\">\u003C/span>\n      \u003Cspan class=\"w-3 h-3 rounded-full bg-[#ffbd2e] border border-black/40 inline-block\">\u003C/span>\n      \u003Cspan class=\"w-3 h-3 rounded-full bg-[#27c93f] border border-black/40 inline-block\">\u003C/span>\n      \u003Cspan class=\"ml-2 font-mono font-bold text-xs uppercase tracking-wider text-gray-300\">TEXT\u003C/span>\n    \u003C/div>\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=\"%5B'b'%2C%20'e'%2C%20'l'%2C%20'a'%2C%20'j'%2C%20'a'%2C%20'r'%2C%20'%20'%2C%20'p'%2C%20'y'%2C%20't'%2C%20'h'%2C%20'o'%2C%20'n'%2C%20'%20'%2C%20'b'%2C%20'a'%2C%20'r'%2C%20'e'%2C%20'n'%2C%20'g'%2C%20'%20'%2C%20'i'%2C%20'n'%2C%20'v'%2C%20'a'%5D\" 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/path>\n      \u003C/svg>\n      \u003Cspan class=\"copy-text\">Copy\u003C/span>\n    \u003C/button>\n  \u003C/div>\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\">\u003Ccode>['b', 'e', 'l', 'a', 'j', 'a', 'r', ' ', 'p', 'y', 't', 'h', 'o', 'n', ' ', 'b', 'a', 'r', 'e', 'n', 'g', ' ', 'i', 'n', 'v', 'a']\u003C/code>\u003C/pre>\n  \u003C/div>\n\u003C/div>\u003Cblockquote>\n\u003Cp>Sebenarnya untuk mengubah string menjadi list dapat digunakan type casting. contoh: \u003Ccode>list(sentence)\u003C/code>\u003C/p>\n\u003C/blockquote>\n\u003Ch2 id=\"penutup\">Penutup\u003C/h2>\n\u003Cp>Cukup sekian untuk kesempatan kali ini, semoga bermanfaat 😃\u003C/p>\n\u003Cp>Pada kesempatan selanjutnya kita akan mulai bermain dengan fungsi dan sub program pada Python 3.\u003C/p>\n\u003Cp>See ya…👋\u003C/p>\n","",[141,154,169,181],{"id":142,"title":143,"slug":144,"excerpt":145,"thumbnail_image":146,"tags":148},"46","Mengapa C Mulai Ditinggalkan: Duel Filosofi Keamanan Rust vs Kesederhanaan Zig","mengapa-c-mulai-ditinggalkan-duel-filosofi-rust-vs-zig","Pernah denger kalau sekitar 70% celah keamanan kritis software modern itu asalnya dari bahasa C? Iya, bahasa yang udah jadi fondasi internet ini 😅. Yuk, kita bedah duel filosofi Rust vs Zig dan cari tahu mana yang pas buat proyek kalian!",{"id":147},"1942a5c9-c1f6-476d-9913-768f78d9d8eb",[149,150,151,152,153],"system-programming","rust","zig","c","memory-safety",{"id":155,"title":156,"slug":157,"excerpt":158,"thumbnail_image":159,"tags":161},"45","Rate Limiting Algorithms: Token Bucket vs Leaky Bucket vs Sliding Window","rate-limiting-algorithms-token-bucket-leaky-bucket-sliding-window","Udah tahu kenapa *rate limiting* itu wajib, tapi masih bingung beda Token Bucket, Leaky Bucket, Fixed Window, dan Sliding Window? Yuk, kita adu empat algoritma ini bareng-bareng dan cari tahu mana yang paling pas buat API kalian!",{"id":160},"0e0ed26d-20c6-443c-bde1-4a6200f6f801",[162,163,164,165,166,167,168],"backend","system-design","rate-limiting","redis","api-gateway","architecture","traffict-management",{"id":170,"title":171,"slug":172,"excerpt":173,"thumbnail_image":174,"tags":176},"44","Transactional Outbox Pattern: Solusi Konsistensi Database dan Message Broker Tanpa 2PC","transactional-outbox-pattern-konsistensi-database-message-broker","Pernah nggak kalian lihat pesanan udah masuk database, tapi email konfirmasinya nggak pernah kekirim? Itu gejala *dual-write problem*. Yuk, kita bedah Transactional Outbox Pattern biar data dan *event* kalian nggak lagi berselisih paham!",{"id":175},"e3c617fd-1486-4b82-b937-94fbec846c77",[162,177,167,178,179,163,180],"microservices","database","message-broker","postgresql",{"id":182,"title":183,"slug":184,"excerpt":185,"thumbnail_image":186,"tags":188},"43","Dead Letter Queue (DLQ) & Retry Policy: Menyelamatkan Pesan Nyasar di RabbitMQ Tanpa Bikin Worker Macet","dead-letter-queue-retry-policy-rabbitmq-resilient-messaging","Pernah nggak sih, *worker* kalian nolak satu pesan terus-terusan sampai CPU melonjak 100%? Itu namanya *poison message loop*, jebakan klasik di RabbitMQ. Yuk, kita bahas cara pasang *retry policy* dan *dead letter queue* yang bener!",{"id":187},"6c0a7ead-4841-4073-b29e-df7ae0f2aa3c",[189,179,162,167,177,190,51],"rabbitmq","async",[192,196,199,202,206,209,212,215],{"text":193,"depth":194,"id":195},"List Comprehension pada Python",2,"list-comprehension-pada-python",{"text":197,"depth":194,"id":198},"Format Penulisan List Comprehension","format-penulisan-list-comprehension",{"text":200,"depth":194,"id":201},"Menggunakan List Comprehension","menggunakan-list-comprehension",{"text":203,"depth":204,"id":205},"Membuat list angka kuadrat",3,"membuat-list-angka-kuadrat",{"text":207,"depth":204,"id":208},"Menggunakan kondisi","menggunakan-kondisi",{"text":210,"depth":204,"id":211},"Membuat list berisi nilai yang sama (konstan)","membuat-list-berisi-nilai-yang-sama-konstan",{"text":213,"depth":204,"id":214},"Mengubah kalimat menjadi list karakter","mengubah-kalimat-menjadi-list-karakter",{"text":216,"depth":194,"id":217},"Penutup","penutup",1791045070198]