{"id":3404,"date":"2026-09-12T13:13:36","date_gmt":"2026-09-12T12:13:36","guid":{"rendered":"https:\/\/codeflarelimited.com\/blog\/?p=3404"},"modified":"2026-09-12T13:13:38","modified_gmt":"2026-09-12T12:13:38","slug":"10-ways-to-loop-through-a-javascript-array","status":"publish","type":"post","link":"https:\/\/codeflarelimited.com\/blog\/10-ways-to-loop-through-a-javascript-array\/","title":{"rendered":"10 Ways to Loop Through a JavaScript Array"},"content":{"rendered":"\n<p class=\"wp-block-paragraph\">JavaScript gives you several ways to <a href=\"https:\/\/codeflarelimited.com\/blog\/practical-array-methods-for-everyday-coding\/\">iterate over an array<\/a>. Some are better for simple iteration, while others are designed for transforming, filtering, searching, or reducing data.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><a href=\"https:\/\/codeflarelimited.com\">Learn software development<\/a><\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Assume we have this array:<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code lang=\"javascript\" class=\"language-javascript\">const fruits = [\"Apple\", \"Banana\", \"Mango\", \"Orange\"];<\/code><\/pre>\n\n\n\n<h2 class=\"wp-block-heading\">1.&nbsp;<code>for<\/code>&nbsp;Loop<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">The classic approach gives you complete control over the index.<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code lang=\"javascript\" class=\"language-javascript\">for (let i = 0; i &lt; fruits.length; i++) {\n  console.log(fruits[i]);\n}<\/code><\/pre>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>Best for:<\/strong>&nbsp;When you need the index or precise control over the loop.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">2.&nbsp;<code>for...of<\/code><\/h2>\n\n\n\n<p class=\"wp-block-paragraph\"><code>for...of<\/code>&nbsp;provides a clean way to access each array value directly.<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code lang=\"javascript\" class=\"language-javascript\">for (const fruit of fruits) {\n  console.log(fruit);\n}<\/code><\/pre>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>Best for:<\/strong>&nbsp;Simple iteration when you don&#8217;t need the index.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">3.&nbsp;<code>forEach()<\/code><\/h2>\n\n\n\n<p class=\"wp-block-paragraph\"><code>forEach()<\/code>&nbsp;executes a function for every element.<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code lang=\"javascript\" class=\"language-javascript\">fruits.forEach((fruit) =&gt; {\n  console.log(fruit);\n});<\/code><\/pre>\n\n\n\n<p class=\"wp-block-paragraph\">You can also access the index:<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code lang=\"javascript\" class=\"language-javascript\">fruits.forEach((fruit, index) =&gt; {\n  console.log(index, fruit);\n});<\/code><\/pre>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>Best for:<\/strong>&nbsp;Performing an action for every element.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">4.&nbsp;<code>for...in<\/code><\/h2>\n\n\n\n<p class=\"wp-block-paragraph\"><code>for...in<\/code>&nbsp;iterates over the array&#8217;s enumerable property keys.<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code lang=\"javascript\" class=\"language-javascript\">for (const index in fruits) {\n  console.log(fruits[index]);\n}<\/code><\/pre>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>Best for:<\/strong>&nbsp;Object properties. It generally isn&#8217;t the preferred choice for arrays because it iterates keys rather than array values.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">5.&nbsp;<code>map()<\/code><\/h2>\n\n\n\n<p class=\"wp-block-paragraph\"><code>map()<\/code>&nbsp;loops through an array and creates a&nbsp;<strong>new array<\/strong>&nbsp;containing the returned values.<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code lang=\"javascript\" class=\"language-javascript\">const upperFruits = fruits.map((fruit) =&gt; {\n  return fruit.toUpperCase();\n});\n\nconsole.log(upperFruits);<\/code><\/pre>\n\n\n\n<p class=\"wp-block-paragraph\">Output:<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code lang=\"javascript\" class=\"language-javascript\">[\"APPLE\", \"BANANA\", \"MANGO\", \"ORANGE\"]<\/code><\/pre>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>Best for:<\/strong>&nbsp;Transforming every element.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">6.&nbsp;<code>filter()<\/code><\/h2>\n\n\n\n<p class=\"wp-block-paragraph\"><code>filter()<\/code>&nbsp;loops through the array and creates a new array containing only elements that satisfy a condition.<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code lang=\"javascript\" class=\"language-javascript\">const longNames = fruits.filter((fruit) =&gt; {\n  return fruit.length &gt; 5;\n});\n\nconsole.log(longNames);<\/code><\/pre>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>Best for:<\/strong>&nbsp;Selecting specific elements from an array.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">7.&nbsp;<code>reduce()<\/code><\/h2>\n\n\n\n<p class=\"wp-block-paragraph\"><code>reduce()<\/code>&nbsp;processes every element while accumulating a single result.<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code lang=\"javascript\" class=\"language-javascript\">const numbers = [10, 20, 30, 40];\n\nconst total = numbers.reduce((sum, number) =&gt; {\n  return sum + number;\n}, 0);\n\nconsole.log(total); \/\/ 100<\/code><\/pre>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>Best for:<\/strong>&nbsp;Calculating totals, building objects, grouping data, and other accumulations.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">8.&nbsp;<code>while<\/code>&nbsp;Loop<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">You can manually control iteration with a&nbsp;<code>while<\/code>&nbsp;loop.<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code lang=\"javascript\" class=\"language-javascript\">let i = 0;\n\nwhile (i &lt; fruits.length) {\n  console.log(fruits[i]);\n  i++;\n}<\/code><\/pre>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>Best for:<\/strong>&nbsp;Situations where the stopping condition needs more flexible control.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">9.&nbsp;<code>do...while<\/code>&nbsp;Loop<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">A&nbsp;<code>do...while<\/code>&nbsp;loop executes its body&nbsp;<strong>at least once<\/strong>&nbsp;before checking the condition.<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code lang=\"javascript\" class=\"language-javascript\">let i = 0;\n\ndo {\n  console.log(fruits[i]);\n  i++;\n} while (i &lt; fruits.length);<\/code><\/pre>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>Best for:<\/strong>&nbsp;Cases where the loop body must execute at least once.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">10.&nbsp;<code>Array.entries()<\/code><\/h2>\n\n\n\n<p class=\"wp-block-paragraph\"><code>entries()<\/code>&nbsp;returns an iterator containing&nbsp;<code>[index, value]<\/code>&nbsp;pairs.<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code lang=\"javascript\" class=\"language-javascript\">for (const [index, fruit] of fruits.entries()) {\n  console.log(index, fruit);\n}<\/code><\/pre>\n\n\n\n<p class=\"wp-block-paragraph\">Output:<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code lang=\"javascript\" class=\"language-javascript\">0 Apple\n1 Banana\n2 Mango\n3 Orange<\/code><\/pre>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>Best for:<\/strong>&nbsp;When you want both the index and value while using modern iteration syntax.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Quick Comparison<\/h2>\n\n\n\n<figure class=\"wp-block-table\"><table class=\"has-fixed-layout\"><thead><tr><th>Method<\/th><th>Returns New Array?<\/th><th>Gets Index Easily?<\/th><th>Common Use<\/th><\/tr><\/thead><tbody><tr><td><code>for<\/code><\/td><td>No<\/td><td>Yes<\/td><td>Full control<\/td><\/tr><tr><td><code>for...of<\/code><\/td><td>No<\/td><td>No<\/td><td>Simple iteration<\/td><\/tr><tr><td><code>forEach()<\/code><\/td><td>No<\/td><td>Yes<\/td><td>Perform an action<\/td><\/tr><tr><td><code>for...in<\/code><\/td><td>No<\/td><td>Yes<\/td><td>Object keys<\/td><\/tr><tr><td><code>map()<\/code><\/td><td>Yes<\/td><td>Yes<\/td><td>Transform data<\/td><\/tr><tr><td><code>filter()<\/code><\/td><td>Yes<\/td><td>Yes<\/td><td>Select data<\/td><\/tr><tr><td><code>reduce()<\/code><\/td><td>No<\/td><td>Yes<\/td><td>Accumulate data<\/td><\/tr><tr><td><code>while<\/code><\/td><td>No<\/td><td>Yes<\/td><td>Flexible conditions<\/td><\/tr><tr><td><code>do...while<\/code><\/td><td>No<\/td><td>Yes<\/td><td>Run at least once<\/td><\/tr><tr><td><code>entries()<\/code>&nbsp;+&nbsp;<code>for...of<\/code><\/td><td>No<\/td><td>Yes<\/td><td>Index + value<\/td><\/tr><\/tbody><\/table><\/figure>\n\n\n\n<h3 class=\"wp-block-heading\">The important distinction<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">Don&#8217;t think of these as simply&nbsp;<strong>10 different ways to do the same thing<\/strong>.<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Need maximum control?<\/strong>\u00a0\u2192\u00a0<code>for<\/code><\/li>\n\n\n\n<li><strong>Just need each value?<\/strong>\u00a0\u2192\u00a0<code>for...of<\/code><\/li>\n\n\n\n<li><strong>Perform an action for every item?<\/strong>\u00a0\u2192\u00a0<code>forEach()<\/code><\/li>\n\n\n\n<li><strong>Transform every item?<\/strong>\u00a0\u2192\u00a0<code>map()<\/code><\/li>\n\n\n\n<li><strong>Keep matching items?<\/strong>\u00a0\u2192\u00a0<code>filter()<\/code><\/li>\n\n\n\n<li><strong>Produce one accumulated result?<\/strong>\u00a0\u2192\u00a0<code>reduce()<\/code><\/li>\n\n\n\n<li><strong>Need index + value with modern syntax?<\/strong>\u00a0\u2192\u00a0<code>entries()<\/code><\/li>\n\n\n\n<li><strong>Need a custom stopping condition?<\/strong>\u00a0\u2192\u00a0<code>while<\/code>\u00a0\/\u00a0<code>do...while<\/code><\/li>\n<\/ul>\n\n\n\n<p class=\"wp-block-paragraph\">One especially important rule:&nbsp;<strong>don&#8217;t use&nbsp;<code>map()<\/code>,&nbsp;<code>filter()<\/code>, or&nbsp;<code>reduce()<\/code>&nbsp;merely because they loop. Choose them when their purpose matches what you&#8217;re trying to accomplish.<\/strong><\/p>\n\n\n\n<p class=\"wp-block-paragraph\"> <\/p>\n","protected":false},"excerpt":{"rendered":"<p>JavaScript gives you several ways to iterate over an array. Some are better for simple iteration, while others<\/p>\n","protected":false},"author":1,"featured_media":3405,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_jetpack_newsletter_access":"","_jetpack_dont_email_post_to_subs":false,"_jetpack_newsletter_tier_id":0,"_jetpack_memberships_contains_paywalled_content":false,"_jetpack_feature_clip_id":0,"_jetpack_memberships_contains_paid_content":false,"footnotes":"","jetpack_post_was_ever_published":false},"categories":[11,24,98],"tags":[],"class_list":["post-3404","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-javascript","category-programming","category-softare-development"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v28.4 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>10 Ways to Loop Through a JavaScript Array<\/title>\n<meta name=\"description\" content=\"JavaScript gives you several ways to iterate over an array. Some are better for simple iteration, while others are designed for transforming\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/codeflarelimited.com\/blog\/10-ways-to-loop-through-a-javascript-array\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"10 Ways to Loop Through a JavaScript Array\" \/>\n<meta property=\"og:description\" content=\"JavaScript gives you several ways to iterate over an array. Some are better for simple iteration, while others are designed for transforming\" \/>\n<meta property=\"og:url\" content=\"https:\/\/codeflarelimited.com\/blog\/10-ways-to-loop-through-a-javascript-array\/\" \/>\n<meta property=\"article:author\" content=\"https:\/\/facebook.com\/codeflretech\" \/>\n<meta property=\"article:published_time\" content=\"2026-09-12T12:13:36+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2026-09-12T12:13:38+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/codeflarelimited.com\/blog\/wp-content\/uploads\/2026\/09\/1-2.png\" \/>\n\t<meta property=\"og:image:width\" content=\"1080\" \/>\n\t<meta property=\"og:image:height\" content=\"1080\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/png\" \/>\n<meta name=\"author\" content=\"codeflare\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:creator\" content=\"@codeflaretech\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"TechArticle\",\"@id\":\"https:\\\/\\\/codeflarelimited.com\\\/blog\\\/10-ways-to-loop-through-a-javascript-array\\\/#article\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/codeflarelimited.com\\\/blog\\\/10-ways-to-loop-through-a-javascript-array\\\/\"},\"author\":{\"name\":\"codeflare\",\"@id\":\"https:\\\/\\\/codeflarelimited.com\\\/blog\\\/#\\\/schema\\\/person\\\/7e65653d49add95629f8c1053c5cd76a\"},\"headline\":\"10 Ways to Loop Through a JavaScript Array\",\"datePublished\":\"2026-09-12T12:13:36+00:00\",\"dateModified\":\"2026-09-12T12:13:38+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\\\/\\\/codeflarelimited.com\\\/blog\\\/10-ways-to-loop-through-a-javascript-array\\\/\"},\"wordCount\":441,\"commentCount\":0,\"publisher\":{\"@id\":\"https:\\\/\\\/codeflarelimited.com\\\/blog\\\/#organization\"},\"image\":{\"@id\":\"https:\\\/\\\/codeflarelimited.com\\\/blog\\\/10-ways-to-loop-through-a-javascript-array\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/codeflarelimited.com\\\/blog\\\/wp-content\\\/uploads\\\/2026\\\/09\\\/1-2.png\",\"articleSection\":[\"javascript\",\"programming\",\"softare development\"],\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\\\/\\\/codeflarelimited.com\\\/blog\\\/10-ways-to-loop-through-a-javascript-array\\\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/codeflarelimited.com\\\/blog\\\/10-ways-to-loop-through-a-javascript-array\\\/\",\"url\":\"https:\\\/\\\/codeflarelimited.com\\\/blog\\\/10-ways-to-loop-through-a-javascript-array\\\/\",\"name\":\"10 Ways to Loop Through a JavaScript Array\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/codeflarelimited.com\\\/blog\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/codeflarelimited.com\\\/blog\\\/10-ways-to-loop-through-a-javascript-array\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/codeflarelimited.com\\\/blog\\\/10-ways-to-loop-through-a-javascript-array\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/codeflarelimited.com\\\/blog\\\/wp-content\\\/uploads\\\/2026\\\/09\\\/1-2.png\",\"datePublished\":\"2026-09-12T12:13:36+00:00\",\"dateModified\":\"2026-09-12T12:13:38+00:00\",\"description\":\"JavaScript gives you several ways to iterate over an array. Some are better for simple iteration, while others are designed for transforming\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/codeflarelimited.com\\\/blog\\\/10-ways-to-loop-through-a-javascript-array\\\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/codeflarelimited.com\\\/blog\\\/10-ways-to-loop-through-a-javascript-array\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/codeflarelimited.com\\\/blog\\\/10-ways-to-loop-through-a-javascript-array\\\/#primaryimage\",\"url\":\"https:\\\/\\\/codeflarelimited.com\\\/blog\\\/wp-content\\\/uploads\\\/2026\\\/09\\\/1-2.png\",\"contentUrl\":\"https:\\\/\\\/codeflarelimited.com\\\/blog\\\/wp-content\\\/uploads\\\/2026\\\/09\\\/1-2.png\",\"width\":1080,\"height\":1080,\"caption\":\"loop through javascript array\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/codeflarelimited.com\\\/blog\\\/10-ways-to-loop-through-a-javascript-array\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/codeflarelimited.com\\\/blog\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"javascript\",\"item\":\"https:\\\/\\\/codeflarelimited.com\\\/blog\\\/javascript\\\/\"},{\"@type\":\"ListItem\",\"position\":3,\"name\":\"10 Ways to Loop Through a JavaScript Array\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/codeflarelimited.com\\\/blog\\\/#website\",\"url\":\"https:\\\/\\\/codeflarelimited.com\\\/blog\\\/\",\"name\":\"\",\"description\":\"Sustainable solutions\",\"publisher\":{\"@id\":\"https:\\\/\\\/codeflarelimited.com\\\/blog\\\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/codeflarelimited.com\\\/blog\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\\\/\\\/codeflarelimited.com\\\/blog\\\/#organization\",\"name\":\"Codeflare Limited\",\"url\":\"https:\\\/\\\/codeflarelimited.com\\\/blog\\\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/codeflarelimited.com\\\/blog\\\/#\\\/schema\\\/logo\\\/image\\\/\",\"url\":\"https:\\\/\\\/codeflarelimited.com\\\/blog\\\/wp-content\\\/uploads\\\/2020\\\/11\\\/codeflare.png\",\"contentUrl\":\"https:\\\/\\\/codeflarelimited.com\\\/blog\\\/wp-content\\\/uploads\\\/2020\\\/11\\\/codeflare.png\",\"width\":1040,\"height\":263,\"caption\":\"Codeflare Limited\"},\"image\":{\"@id\":\"https:\\\/\\\/codeflarelimited.com\\\/blog\\\/#\\\/schema\\\/logo\\\/image\\\/\"}},{\"@type\":\"Person\",\"@id\":\"https:\\\/\\\/codeflarelimited.com\\\/blog\\\/#\\\/schema\\\/person\\\/7e65653d49add95629f8c1053c5cd76a\",\"name\":\"codeflare\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/59cef917c86d965eea581d2747f51bd6382003a68bfce7c8a4dfec98b4cd838d?s=96&d=mm&r=g\",\"url\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/59cef917c86d965eea581d2747f51bd6382003a68bfce7c8a4dfec98b4cd838d?s=96&d=mm&r=g\",\"contentUrl\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/59cef917c86d965eea581d2747f51bd6382003a68bfce7c8a4dfec98b4cd838d?s=96&d=mm&r=g\",\"caption\":\"codeflare\"},\"description\":\"Latest tech news and coding tips.\",\"sameAs\":[\"https:\\\/\\\/codeflarelimited.com\\\/blog\",\"https:\\\/\\\/facebook.com\\\/codeflretech\",\"https:\\\/\\\/instagram.com\\\/codeflaretech\",\"https:\\\/\\\/x.com\\\/codeflaretech\",\"https:\\\/\\\/www.youtube.com\\\/channel\\\/UCuBLtiYqsajHdqw0uyt7Ofw?sub_confirmation=1\"],\"url\":\"https:\\\/\\\/codeflarelimited.com\\\/blog\\\/author\\\/watcher\\\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"10 Ways to Loop Through a JavaScript Array","description":"JavaScript gives you several ways to iterate over an array. Some are better for simple iteration, while others are designed for transforming","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:\/\/codeflarelimited.com\/blog\/10-ways-to-loop-through-a-javascript-array\/","og_locale":"en_US","og_type":"article","og_title":"10 Ways to Loop Through a JavaScript Array","og_description":"JavaScript gives you several ways to iterate over an array. Some are better for simple iteration, while others are designed for transforming","og_url":"https:\/\/codeflarelimited.com\/blog\/10-ways-to-loop-through-a-javascript-array\/","article_author":"https:\/\/facebook.com\/codeflretech","article_published_time":"2026-09-12T12:13:36+00:00","article_modified_time":"2026-09-12T12:13:38+00:00","og_image":[{"width":1080,"height":1080,"url":"https:\/\/codeflarelimited.com\/blog\/wp-content\/uploads\/2026\/09\/1-2.png","type":"image\/png"}],"author":"codeflare","twitter_card":"summary_large_image","twitter_creator":"@codeflaretech","schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"TechArticle","@id":"https:\/\/codeflarelimited.com\/blog\/10-ways-to-loop-through-a-javascript-array\/#article","isPartOf":{"@id":"https:\/\/codeflarelimited.com\/blog\/10-ways-to-loop-through-a-javascript-array\/"},"author":{"name":"codeflare","@id":"https:\/\/codeflarelimited.com\/blog\/#\/schema\/person\/7e65653d49add95629f8c1053c5cd76a"},"headline":"10 Ways to Loop Through a JavaScript Array","datePublished":"2026-09-12T12:13:36+00:00","dateModified":"2026-09-12T12:13:38+00:00","mainEntityOfPage":{"@id":"https:\/\/codeflarelimited.com\/blog\/10-ways-to-loop-through-a-javascript-array\/"},"wordCount":441,"commentCount":0,"publisher":{"@id":"https:\/\/codeflarelimited.com\/blog\/#organization"},"image":{"@id":"https:\/\/codeflarelimited.com\/blog\/10-ways-to-loop-through-a-javascript-array\/#primaryimage"},"thumbnailUrl":"https:\/\/codeflarelimited.com\/blog\/wp-content\/uploads\/2026\/09\/1-2.png","articleSection":["javascript","programming","softare development"],"inLanguage":"en-US","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/codeflarelimited.com\/blog\/10-ways-to-loop-through-a-javascript-array\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/codeflarelimited.com\/blog\/10-ways-to-loop-through-a-javascript-array\/","url":"https:\/\/codeflarelimited.com\/blog\/10-ways-to-loop-through-a-javascript-array\/","name":"10 Ways to Loop Through a JavaScript Array","isPartOf":{"@id":"https:\/\/codeflarelimited.com\/blog\/#website"},"primaryImageOfPage":{"@id":"https:\/\/codeflarelimited.com\/blog\/10-ways-to-loop-through-a-javascript-array\/#primaryimage"},"image":{"@id":"https:\/\/codeflarelimited.com\/blog\/10-ways-to-loop-through-a-javascript-array\/#primaryimage"},"thumbnailUrl":"https:\/\/codeflarelimited.com\/blog\/wp-content\/uploads\/2026\/09\/1-2.png","datePublished":"2026-09-12T12:13:36+00:00","dateModified":"2026-09-12T12:13:38+00:00","description":"JavaScript gives you several ways to iterate over an array. Some are better for simple iteration, while others are designed for transforming","breadcrumb":{"@id":"https:\/\/codeflarelimited.com\/blog\/10-ways-to-loop-through-a-javascript-array\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/codeflarelimited.com\/blog\/10-ways-to-loop-through-a-javascript-array\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/codeflarelimited.com\/blog\/10-ways-to-loop-through-a-javascript-array\/#primaryimage","url":"https:\/\/codeflarelimited.com\/blog\/wp-content\/uploads\/2026\/09\/1-2.png","contentUrl":"https:\/\/codeflarelimited.com\/blog\/wp-content\/uploads\/2026\/09\/1-2.png","width":1080,"height":1080,"caption":"loop through javascript array"},{"@type":"BreadcrumbList","@id":"https:\/\/codeflarelimited.com\/blog\/10-ways-to-loop-through-a-javascript-array\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/codeflarelimited.com\/blog\/"},{"@type":"ListItem","position":2,"name":"javascript","item":"https:\/\/codeflarelimited.com\/blog\/javascript\/"},{"@type":"ListItem","position":3,"name":"10 Ways to Loop Through a JavaScript Array"}]},{"@type":"WebSite","@id":"https:\/\/codeflarelimited.com\/blog\/#website","url":"https:\/\/codeflarelimited.com\/blog\/","name":"","description":"Sustainable solutions","publisher":{"@id":"https:\/\/codeflarelimited.com\/blog\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/codeflarelimited.com\/blog\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/codeflarelimited.com\/blog\/#organization","name":"Codeflare Limited","url":"https:\/\/codeflarelimited.com\/blog\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/codeflarelimited.com\/blog\/#\/schema\/logo\/image\/","url":"https:\/\/codeflarelimited.com\/blog\/wp-content\/uploads\/2020\/11\/codeflare.png","contentUrl":"https:\/\/codeflarelimited.com\/blog\/wp-content\/uploads\/2020\/11\/codeflare.png","width":1040,"height":263,"caption":"Codeflare Limited"},"image":{"@id":"https:\/\/codeflarelimited.com\/blog\/#\/schema\/logo\/image\/"}},{"@type":"Person","@id":"https:\/\/codeflarelimited.com\/blog\/#\/schema\/person\/7e65653d49add95629f8c1053c5cd76a","name":"codeflare","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/secure.gravatar.com\/avatar\/59cef917c86d965eea581d2747f51bd6382003a68bfce7c8a4dfec98b4cd838d?s=96&d=mm&r=g","url":"https:\/\/secure.gravatar.com\/avatar\/59cef917c86d965eea581d2747f51bd6382003a68bfce7c8a4dfec98b4cd838d?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/59cef917c86d965eea581d2747f51bd6382003a68bfce7c8a4dfec98b4cd838d?s=96&d=mm&r=g","caption":"codeflare"},"description":"Latest tech news and coding tips.","sameAs":["https:\/\/codeflarelimited.com\/blog","https:\/\/facebook.com\/codeflretech","https:\/\/instagram.com\/codeflaretech","https:\/\/x.com\/codeflaretech","https:\/\/www.youtube.com\/channel\/UCuBLtiYqsajHdqw0uyt7Ofw?sub_confirmation=1"],"url":"https:\/\/codeflarelimited.com\/blog\/author\/watcher\/"}]}},"jetpack_sharing_enabled":true,"jetpack_featured_media_url":"https:\/\/codeflarelimited.com\/blog\/wp-content\/uploads\/2026\/09\/1-2.png","_links":{"self":[{"href":"https:\/\/codeflarelimited.com\/blog\/wp-json\/wp\/v2\/posts\/3404","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/codeflarelimited.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/codeflarelimited.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/codeflarelimited.com\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/codeflarelimited.com\/blog\/wp-json\/wp\/v2\/comments?post=3404"}],"version-history":[{"count":1,"href":"https:\/\/codeflarelimited.com\/blog\/wp-json\/wp\/v2\/posts\/3404\/revisions"}],"predecessor-version":[{"id":3406,"href":"https:\/\/codeflarelimited.com\/blog\/wp-json\/wp\/v2\/posts\/3404\/revisions\/3406"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/codeflarelimited.com\/blog\/wp-json\/wp\/v2\/media\/3405"}],"wp:attachment":[{"href":"https:\/\/codeflarelimited.com\/blog\/wp-json\/wp\/v2\/media?parent=3404"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/codeflarelimited.com\/blog\/wp-json\/wp\/v2\/categories?post=3404"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/codeflarelimited.com\/blog\/wp-json\/wp\/v2\/tags?post=3404"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}