{"id":11552,"date":"2022-07-07T07:53:08","date_gmt":"2022-07-07T07:53:08","guid":{"rendered":"https:\/\/www.webhozz.com\/blog\/?p=11552"},"modified":"2023-05-09T07:13:59","modified_gmt":"2023-05-09T07:13:59","slug":"javascript-loops","status":"publish","type":"post","link":"https:\/\/www.webhozz.com\/blog\/javascript-loops\/","title":{"rendered":"JavaScript : Loops"},"content":{"rendered":"\n<h5 class=\"wp-block-heading\">Berbagai Jenis Loop dalam JavaScript<\/h5>\n\n\n\n<p class=\"wp-block-paragraph\">Loop digunakan untuk mengeksekusi blok kode yang sama berulang kali, sampai kondisi tertentu terpenuhi. Ide dasar di balik sebuah loop adalah untuk mengotomatiskan tugas yang berulang dalam suatu program untuk menghemat waktu dan usaha. JavaScript sekarang mendukung lima jenis loop:<\/p>\n\n\n\n<ul class=\"wp-block-list\"><li><strong>while<\/strong>&nbsp;\u2013 loop melalui blok kode sampai kondisi dievaluasi true.<\/li><li><strong>do\u2026 while<\/strong>&nbsp;\u2013 loop melalui blok kode sekali; kemudian kondisinya dievaluasi. Jika kondisinya benar, pernyataan diulang selama kondisi yang ditentukan benar.<\/li><li><strong>for \u2013&nbsp;<\/strong>loop melalui blok kode sampai penghitung mencapai angka yang ditentukan.<\/li><li><strong>for\u2026in<\/strong>&nbsp;\u2013 loop melalui properti dari suatu objek.<\/li><li><strong>for\u2026of<\/strong>&nbsp;\u2013 loop atas objek yang dapat diubah seperti array, string, dll.<\/li><\/ul>\n\n\n\n<h5 class=\"wp-block-heading\">While Loop<\/h5>\n\n\n\n<p class=\"wp-block-paragraph\"><em>While loop<\/em>&nbsp;akan me-loop melalui blok kode sampai kondisi yang ditentukan bernilai true. Segera setelah fail, loop akan dihentikan. Sintaksis generik dari while loop adalah:<\/p>\n\n\n<div class=\"wp-block-syntaxhighlighter-code \"><pre class=\"brush: jscript; title: ; notranslate\" title=\"\">\nwhile(condition) {\n    \/\/ Code to be executed\n}\n<\/pre><\/div>\n\n\n<p class=\"wp-block-paragraph\">Contoh berikut mendefinisikan loop yang akan terus berjalan selama variabel<strong>&nbsp;i<\/strong>&nbsp;kurang dari atau sama dengan 5. Variabel&nbsp;<strong>i<\/strong>&nbsp;akan meningkat sebesar 1 setiap kali loop berjalan:<\/p>\n\n\n<div class=\"wp-block-syntaxhighlighter-code \"><pre class=\"brush: jscript; title: ; notranslate\" title=\"\">\nvar i = 1;\nwhile(i &lt;= 5) {    \n    document.write(&quot;&lt;p&gt;The number is &quot; + i + &quot;&lt;\/p&gt;&quot;);\n    i++;\n}\n<\/pre><\/div>\n\n\n<p class=\"wp-block-paragraph\"><strong><em>Catatan:<\/em><\/strong>&nbsp;Pastikan bahwa kondisi yang ditentukan dalam loop kalian akhirnya&nbsp;<em>false<\/em>. Jika tidak, loop tidak akan pernah berhenti berulang-ulang yang dikenal sebagai loop tak terbatas. Kesalahan yang umum terjadi yaitu lupa menambah variabel penghitung (variabel<strong>&nbsp;i<\/strong>&nbsp;dalam kasus kita).<\/p>\n\n\n\n<h5 class=\"wp-block-heading\">Do\u2026While Loop<\/h5>\n\n\n\n<p class=\"wp-block-paragraph\"><strong><em>Do-while loop<\/em><\/strong>&nbsp;adalah varian dari while loop, yang mengevaluasi kondisi pada akhir setiap loop yang berulang-ulang. Dengan&nbsp;<em>do-while loop<\/em>&nbsp;blok kode dieksekusi sekali, dan kemudian kondisinya dievaluasi, jika kondisinya true, maka pernyataan akan diulangi selama kondisi yang ditentukan dievaluasi adalah true. Sintaksis generik dari&nbsp;<em>do-while loop<\/em>&nbsp;adalah:<\/p>\n\n\n<div class=\"wp-block-syntaxhighlighter-code \"><pre class=\"brush: jscript; title: ; notranslate\" title=\"\">\ndo {\n    \/\/ Code to be executed\n}\nwhile(condition);\n<\/pre><\/div>\n\n\n<p class=\"wp-block-paragraph\">Kode JavaScript dalam contoh berikut mendefinisikan loop yang dimulai dengan&nbsp;<strong><em>i = 1<\/em><\/strong>. Ini kemudian akan mencetak output dan meningkatkan nilai variabel&nbsp;<strong>i<\/strong>&nbsp;dengan 1. Setelah itu kondisinya akan dievaluasi, dan loop akan terus berjalan selama variabel&nbsp;<strong>i&nbsp;<\/strong>kurang dari, atau sama dengan 5.<\/p>\n\n\n<div class=\"wp-block-syntaxhighlighter-code \"><pre class=\"brush: jscript; title: ; notranslate\" title=\"\">\nvar i = 1;\ndo {\n    document.write(&quot;&lt;p&gt;The number is &quot; + i + &quot;&lt;\/p&gt;&quot;);\n    i++;\n}\nwhile(i &lt;= 5);\n<\/pre><\/div>\n\n\n<h5 class=\"wp-block-heading\">Perbedaan Antara While dan Do\u2026While Loop<\/h5>\n\n\n\n<p class=\"wp-block-paragraph\"><strong><em>While loop<\/em><\/strong>&nbsp;berbeda dari&nbsp;<strong><em>loop do-while<\/em><\/strong>&nbsp;dalam satu kondisi \u2013 dengan&nbsp;<strong><em>while<\/em><\/strong>&nbsp;loop, kondisi yang akan dievaluasi diuji pada awal pada setiap loop yang berulang, jadi jika expression kondisional bernilai false, loop tidak akan pernah dieksekusi.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Dengan loop&nbsp;<strong>do-while<\/strong>, di sisi lain, loop akan selalu dieksekusi sekali bahkan jika ekspresi kondisional bernilai false, karena tidak seperti loop while, kondisi dievaluasi pada akhir loop yang berulang-ulang dibandingkan di awalnya.<\/p>\n\n\n\n<h5 class=\"wp-block-heading\">Loop for<\/h5>\n\n\n\n<p class=\"wp-block-paragraph\"><strong><em>For loop<\/em><\/strong>&nbsp;mengulangi blok kode sampai kondisi tertentu terpenuhi. Ini biasanya digunakan untuk mengeksekusi blok kode untuk beberapa kali. Sintaksnya adalah:<\/p>\n\n\n<div class=\"wp-block-syntaxhighlighter-code \"><pre class=\"brush: jscript; title: ; notranslate\" title=\"\">\nfor(initialization; condition; increment) {\n    \/\/ Code to be executed\n}\n<\/pre><\/div>\n\n\n<p class=\"wp-block-paragraph\">Parameter pernyataan&nbsp;<strong>loop for<\/strong>&nbsp;memiliki arti sebagai berikut:<\/p>\n\n\n\n<ul class=\"wp-block-list\"><li><strong>Initialization<\/strong>&nbsp;\u2013 digunakan untuk menginisialisasi variabel counter, dan dievaluasi sekali tanpa syarat sebelum eksekusi pertama dari body loop.<\/li><li><strong>Condition<\/strong>&nbsp;\u2013 dievaluasi pada awal setiap iterasi. Jika bernilai true, pernyataan loop dijalankan. Jika bernilai false, eksekusi dari loop berakhir.<\/li><li><strong>Increment<\/strong>&nbsp;\u2013 memperbarui loop counter dengan nilai baru setiap kali loop berjalan.<\/li><\/ul>\n\n\n\n<p class=\"wp-block-paragraph\">Contoh berikut mendefinisikan loop yang dimulai dengan&nbsp;<strong>i = 1<\/strong>. Loop akan berlanjut sampai nilai variabel&nbsp;<strong>i<\/strong>&nbsp;kurang dari atau sama dengan 5. Variabel&nbsp;<strong>i<\/strong>&nbsp;akan meningkat sebesar 1 setiap kali loop berjalan:<\/p>\n\n\n<div class=\"wp-block-syntaxhighlighter-code \"><pre class=\"brush: jscript; title: ; notranslate\" title=\"\">\nfor(var i=1; i&lt;=5; i++) {\n    document.write(&quot;&lt;p&gt;The number is &quot; + i + &quot;&lt;\/p&gt;&quot;);\n}\n<\/pre><\/div>\n\n\n<p class=\"wp-block-paragraph\"><strong>Loop for&nbsp;<\/strong>sangat berguna untuk iterasi pada array. Contoh berikut akan menunjukkan kepada kalian cara mencetak setiap item atau elemen dari array JavaScript.<\/p>\n\n\n<div class=\"wp-block-syntaxhighlighter-code \"><pre class=\"brush: jscript; title: ; notranslate\" title=\"\">\n\/\/ An array with some elements\nvar fruits = &#x5B;&quot;Apple&quot;, &quot;Banana&quot;, &quot;Mango&quot;, &quot;Orange&quot;, &quot;Papaya&quot;];\n  \n\/\/ Loop through all the elements in the array \nfor(var i=0; i&lt;fruits.length; i++) {\n    document.write(&quot;&lt;p&gt;&quot; + fruits&#x5B;i] + &quot;&lt;\/p&gt;&quot;);\n}\n<\/pre><\/div>\n\n\n<h5 class=\"wp-block-heading\" id=\"for-in\">Loop for\u2026in<\/h5>\n\n\n\n<p class=\"wp-block-paragraph\"><em><strong>Loop for-in<\/strong><\/em>&nbsp;adalah tipe khusus dari loop yang berulang di atas properti objek, atau elemen array. Sintaksis generik dari for-in loop adalah:<\/p>\n\n\n<div class=\"wp-block-syntaxhighlighter-code \"><pre class=\"brush: jscript; title: ; notranslate\" title=\"\">\nfor(variable in object) {\n    \/\/ Code to be executed\n}\n<\/pre><\/div>\n\n\n<p class=\"wp-block-paragraph\">Variabel loop counter dalam&nbsp;<strong><em>for-in<\/em><\/strong>&nbsp;loop adalah string, bukan angka. Ini berisi nama properti saat ini atau indeks elemen array saat ini.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Contoh berikut akan menunjukkan kepada kalian bagaimana untuk mengulang semua properti objek JavaScript.<\/p>\n\n\n<div class=\"wp-block-syntaxhighlighter-code \"><pre class=\"brush: jscript; title: ; notranslate\" title=\"\">\n\/\/ An object with some properties \nvar person = {&quot;name&quot;: &quot;Clark&quot;, &quot;surname&quot;: &quot;Kent&quot;, &quot;age&quot;: &quot;36&quot;};\n  \n\/\/ Loop through all the properties in the object  \nfor(var prop in person) {  \n    document.write(&quot;&lt;p&gt;&quot; + prop + &quot; = &quot; + person&#x5B;prop] + &quot;&lt;\/p&gt;&quot;); \n}\n<\/pre><\/div>\n\n\n<p class=\"wp-block-paragraph\">Demikian pula, kalian dapat mengulangi elemen array, seperti ini:<\/p>\n\n\n<div class=\"wp-block-syntaxhighlighter-code \"><pre class=\"brush: jscript; title: ; notranslate\" title=\"\">\n\/\/ An array with some elements\nvar fruits = &#x5B;&quot;Apple&quot;, &quot;Banana&quot;, &quot;Mango&quot;, &quot;Orange&quot;, &quot;Papaya&quot;];\n  \n\/\/ Loop through all the elements in the array \nfor(var i in fruits) {  \n    document.write(&quot;&lt;p&gt;&quot; + fruits&#x5B;i] + &quot;&lt;\/p&gt;&quot;);\n}\n<\/pre><\/div>\n\n\n<h5 class=\"wp-block-heading\">For\u2026of Loop&nbsp;ES6<\/h5>\n\n\n\n<p class=\"wp-block-paragraph\">ES6 memperkenalkan&nbsp;<strong><em>for-of<\/em><\/strong>&nbsp;loop baru yang memungkinkan kita untuk beralih di atas array atau objek yang dapat diulang lainnya (mis. String) dengan sangat mudah. Juga, kode di dalam loop dieksekusi untuk setiap elemen dari objek yang berulang.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Contoh berikut ini akan menunjukkan kepada kalian bagaimana untuk me-loop melalui array dan string menggunakan loop ini.<\/p>\n\n\n<div class=\"wp-block-syntaxhighlighter-code \"><pre class=\"brush: jscript; title: ; notranslate\" title=\"\">\n\/\/ Iterating over array\nlet letters = &#x5B;&quot;a&quot;, &quot;b&quot;, &quot;c&quot;, &quot;d&quot;, &quot;e&quot;, &quot;f&quot;];\n \nfor(let letter of letters) {\n    console.log(letter); \/\/ a,b,c,d,e,f\n}\n \n\/\/ Iterating over string\nlet greet = &quot;Hello World!&quot;;\n \nfor(let character of greet) {\n    console.log(character); \/\/ H,e,l,l,o, ,W,o,r,l,d,!\n<\/pre><\/div>\n\n\n<p class=\"wp-block-paragraph\"><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Berbagai Jenis Loop dalam JavaScript Loop digunakan untuk mengeksekusi blok kode yang sama berulang kali, sampai kondisi tertentu terpenuhi. Ide dasar di balik sebuah loop<\/p>\n","protected":false},"author":1,"featured_media":11445,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[3],"tags":[],"class_list":["post-11552","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-belajar-web-design"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v27.7 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>JavaScript : Loops - WebHozz Blog<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/www.webhozz.com\/blog\/javascript-loops\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"JavaScript : Loops - WebHozz Blog\" \/>\n<meta property=\"og:description\" content=\"Berbagai Jenis Loop dalam JavaScript Loop digunakan untuk mengeksekusi blok kode yang sama berulang kali, sampai kondisi tertentu terpenuhi. Ide dasar di balik sebuah loop\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.webhozz.com\/blog\/javascript-loops\/\" \/>\n<meta property=\"og:site_name\" content=\"WebHozz Blog\" \/>\n<meta property=\"article:published_time\" content=\"2022-07-07T07:53:08+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2023-05-09T07:13:59+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/www.webhozz.com\/blog\/wp-content\/uploads\/2022\/06\/JavaScript_1.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"750\" \/>\n\t<meta property=\"og:image:height\" content=\"400\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"author\" content=\"admin\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"admin\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"4 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\\\/\\\/www.webhozz.com\\\/blog\\\/javascript-loops\\\/#article\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.webhozz.com\\\/blog\\\/javascript-loops\\\/\"},\"author\":{\"name\":\"admin\",\"@id\":\"https:\\\/\\\/www.webhozz.com\\\/blog\\\/#\\\/schema\\\/person\\\/d5f539ad171dc74baaf6a98dfef6fcef\"},\"headline\":\"JavaScript : Loops\",\"datePublished\":\"2022-07-07T07:53:08+00:00\",\"dateModified\":\"2023-05-09T07:13:59+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\\\/\\\/www.webhozz.com\\\/blog\\\/javascript-loops\\\/\"},\"wordCount\":667,\"publisher\":{\"@id\":\"https:\\\/\\\/www.webhozz.com\\\/blog\\\/#organization\"},\"image\":{\"@id\":\"https:\\\/\\\/www.webhozz.com\\\/blog\\\/javascript-loops\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/www.webhozz.com\\\/blog\\\/wp-content\\\/uploads\\\/2022\\\/06\\\/JavaScript_1.jpg\",\"articleSection\":[\"Belajar Web Design\"],\"inLanguage\":\"en-US\"},{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/www.webhozz.com\\\/blog\\\/javascript-loops\\\/\",\"url\":\"https:\\\/\\\/www.webhozz.com\\\/blog\\\/javascript-loops\\\/\",\"name\":\"JavaScript : Loops - WebHozz Blog\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.webhozz.com\\\/blog\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/www.webhozz.com\\\/blog\\\/javascript-loops\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/www.webhozz.com\\\/blog\\\/javascript-loops\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/www.webhozz.com\\\/blog\\\/wp-content\\\/uploads\\\/2022\\\/06\\\/JavaScript_1.jpg\",\"datePublished\":\"2022-07-07T07:53:08+00:00\",\"dateModified\":\"2023-05-09T07:13:59+00:00\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/www.webhozz.com\\\/blog\\\/javascript-loops\\\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/www.webhozz.com\\\/blog\\\/javascript-loops\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/www.webhozz.com\\\/blog\\\/javascript-loops\\\/#primaryimage\",\"url\":\"https:\\\/\\\/www.webhozz.com\\\/blog\\\/wp-content\\\/uploads\\\/2022\\\/06\\\/JavaScript_1.jpg\",\"contentUrl\":\"https:\\\/\\\/www.webhozz.com\\\/blog\\\/wp-content\\\/uploads\\\/2022\\\/06\\\/JavaScript_1.jpg\",\"width\":\"750\",\"height\":\"400\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/www.webhozz.com\\\/blog\\\/javascript-loops\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/www.webhozz.com\\\/blog\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"JavaScript : Loops\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/www.webhozz.com\\\/blog\\\/#website\",\"url\":\"https:\\\/\\\/www.webhozz.com\\\/blog\\\/\",\"name\":\"WebHozz Blog\",\"description\":\"Kursus Web &amp; Android di Jakarta Bandung\",\"publisher\":{\"@id\":\"https:\\\/\\\/www.webhozz.com\\\/blog\\\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/www.webhozz.com\\\/blog\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\\\/\\\/www.webhozz.com\\\/blog\\\/#organization\",\"name\":\"WebHozz\",\"url\":\"https:\\\/\\\/www.webhozz.com\\\/blog\\\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/www.webhozz.com\\\/blog\\\/#\\\/schema\\\/logo\\\/image\\\/\",\"url\":\"https:\\\/\\\/www.webhozz.com\\\/blog\\\/wp-content\\\/uploads\\\/2018\\\/04\\\/logo-persegi.jpg\",\"contentUrl\":\"https:\\\/\\\/www.webhozz.com\\\/blog\\\/wp-content\\\/uploads\\\/2018\\\/04\\\/logo-persegi.jpg\",\"width\":442,\"height\":442,\"caption\":\"WebHozz\"},\"image\":{\"@id\":\"https:\\\/\\\/www.webhozz.com\\\/blog\\\/#\\\/schema\\\/logo\\\/image\\\/\"}},{\"@type\":\"Person\",\"@id\":\"https:\\\/\\\/www.webhozz.com\\\/blog\\\/#\\\/schema\\\/person\\\/d5f539ad171dc74baaf6a98dfef6fcef\",\"name\":\"admin\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/bff35e4083f3870e2f911c4437e788147d340f274268d361dd7e1cf20bebb156?s=96&d=mm&r=g\",\"url\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/bff35e4083f3870e2f911c4437e788147d340f274268d361dd7e1cf20bebb156?s=96&d=mm&r=g\",\"contentUrl\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/bff35e4083f3870e2f911c4437e788147d340f274268d361dd7e1cf20bebb156?s=96&d=mm&r=g\",\"caption\":\"admin\"},\"url\":\"https:\\\/\\\/www.webhozz.com\\\/blog\\\/author\\\/admin\\\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"JavaScript : Loops - WebHozz Blog","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/www.webhozz.com\/blog\/javascript-loops\/","og_locale":"en_US","og_type":"article","og_title":"JavaScript : Loops - WebHozz Blog","og_description":"Berbagai Jenis Loop dalam JavaScript Loop digunakan untuk mengeksekusi blok kode yang sama berulang kali, sampai kondisi tertentu terpenuhi. Ide dasar di balik sebuah loop","og_url":"https:\/\/www.webhozz.com\/blog\/javascript-loops\/","og_site_name":"WebHozz Blog","article_published_time":"2022-07-07T07:53:08+00:00","article_modified_time":"2023-05-09T07:13:59+00:00","og_image":[{"width":750,"height":400,"url":"https:\/\/www.webhozz.com\/blog\/wp-content\/uploads\/2022\/06\/JavaScript_1.jpg","type":"image\/jpeg"}],"author":"admin","twitter_card":"summary_large_image","twitter_misc":{"Written by":"admin","Est. reading time":"4 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/www.webhozz.com\/blog\/javascript-loops\/#article","isPartOf":{"@id":"https:\/\/www.webhozz.com\/blog\/javascript-loops\/"},"author":{"name":"admin","@id":"https:\/\/www.webhozz.com\/blog\/#\/schema\/person\/d5f539ad171dc74baaf6a98dfef6fcef"},"headline":"JavaScript : Loops","datePublished":"2022-07-07T07:53:08+00:00","dateModified":"2023-05-09T07:13:59+00:00","mainEntityOfPage":{"@id":"https:\/\/www.webhozz.com\/blog\/javascript-loops\/"},"wordCount":667,"publisher":{"@id":"https:\/\/www.webhozz.com\/blog\/#organization"},"image":{"@id":"https:\/\/www.webhozz.com\/blog\/javascript-loops\/#primaryimage"},"thumbnailUrl":"https:\/\/www.webhozz.com\/blog\/wp-content\/uploads\/2022\/06\/JavaScript_1.jpg","articleSection":["Belajar Web Design"],"inLanguage":"en-US"},{"@type":"WebPage","@id":"https:\/\/www.webhozz.com\/blog\/javascript-loops\/","url":"https:\/\/www.webhozz.com\/blog\/javascript-loops\/","name":"JavaScript : Loops - WebHozz Blog","isPartOf":{"@id":"https:\/\/www.webhozz.com\/blog\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.webhozz.com\/blog\/javascript-loops\/#primaryimage"},"image":{"@id":"https:\/\/www.webhozz.com\/blog\/javascript-loops\/#primaryimage"},"thumbnailUrl":"https:\/\/www.webhozz.com\/blog\/wp-content\/uploads\/2022\/06\/JavaScript_1.jpg","datePublished":"2022-07-07T07:53:08+00:00","dateModified":"2023-05-09T07:13:59+00:00","breadcrumb":{"@id":"https:\/\/www.webhozz.com\/blog\/javascript-loops\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.webhozz.com\/blog\/javascript-loops\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.webhozz.com\/blog\/javascript-loops\/#primaryimage","url":"https:\/\/www.webhozz.com\/blog\/wp-content\/uploads\/2022\/06\/JavaScript_1.jpg","contentUrl":"https:\/\/www.webhozz.com\/blog\/wp-content\/uploads\/2022\/06\/JavaScript_1.jpg","width":"750","height":"400"},{"@type":"BreadcrumbList","@id":"https:\/\/www.webhozz.com\/blog\/javascript-loops\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/www.webhozz.com\/blog\/"},{"@type":"ListItem","position":2,"name":"JavaScript : Loops"}]},{"@type":"WebSite","@id":"https:\/\/www.webhozz.com\/blog\/#website","url":"https:\/\/www.webhozz.com\/blog\/","name":"WebHozz Blog","description":"Kursus Web &amp; Android di Jakarta Bandung","publisher":{"@id":"https:\/\/www.webhozz.com\/blog\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.webhozz.com\/blog\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/www.webhozz.com\/blog\/#organization","name":"WebHozz","url":"https:\/\/www.webhozz.com\/blog\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.webhozz.com\/blog\/#\/schema\/logo\/image\/","url":"https:\/\/www.webhozz.com\/blog\/wp-content\/uploads\/2018\/04\/logo-persegi.jpg","contentUrl":"https:\/\/www.webhozz.com\/blog\/wp-content\/uploads\/2018\/04\/logo-persegi.jpg","width":442,"height":442,"caption":"WebHozz"},"image":{"@id":"https:\/\/www.webhozz.com\/blog\/#\/schema\/logo\/image\/"}},{"@type":"Person","@id":"https:\/\/www.webhozz.com\/blog\/#\/schema\/person\/d5f539ad171dc74baaf6a98dfef6fcef","name":"admin","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/secure.gravatar.com\/avatar\/bff35e4083f3870e2f911c4437e788147d340f274268d361dd7e1cf20bebb156?s=96&d=mm&r=g","url":"https:\/\/secure.gravatar.com\/avatar\/bff35e4083f3870e2f911c4437e788147d340f274268d361dd7e1cf20bebb156?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/bff35e4083f3870e2f911c4437e788147d340f274268d361dd7e1cf20bebb156?s=96&d=mm&r=g","caption":"admin"},"url":"https:\/\/www.webhozz.com\/blog\/author\/admin\/"}]}},"_links":{"self":[{"href":"https:\/\/www.webhozz.com\/blog\/wp-json\/wp\/v2\/posts\/11552","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.webhozz.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.webhozz.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.webhozz.com\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.webhozz.com\/blog\/wp-json\/wp\/v2\/comments?post=11552"}],"version-history":[{"count":2,"href":"https:\/\/www.webhozz.com\/blog\/wp-json\/wp\/v2\/posts\/11552\/revisions"}],"predecessor-version":[{"id":12541,"href":"https:\/\/www.webhozz.com\/blog\/wp-json\/wp\/v2\/posts\/11552\/revisions\/12541"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.webhozz.com\/blog\/wp-json\/wp\/v2\/media\/11445"}],"wp:attachment":[{"href":"https:\/\/www.webhozz.com\/blog\/wp-json\/wp\/v2\/media?parent=11552"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.webhozz.com\/blog\/wp-json\/wp\/v2\/categories?post=11552"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.webhozz.com\/blog\/wp-json\/wp\/v2\/tags?post=11552"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}