{"id":34181,"date":"2023-03-02T16:06:32","date_gmt":"2023-03-02T10:36:32","guid":{"rendered":"https:\/\/jassweb.com\/solved\/solved-how-to-parse-json-values-inside-nested-array-using-javascript-closed\/"},"modified":"2023-03-02T16:06:32","modified_gmt":"2023-03-02T10:36:32","slug":"solved-how-to-parse-json-values-inside-nested-array-using-javascript-closed","status":"publish","type":"post","link":"https:\/\/jassweb.com\/solved\/solved-how-to-parse-json-values-inside-nested-array-using-javascript-closed\/","title":{"rendered":"[Solved] How to parse JSON values inside nested array using JavaScript [closed]"},"content":{"rendered":"<p> [ad_1]<br \/>\n<\/p>\n<div id=\"answer-54722079\" class=\"answer js-answer accepted-answer js-accepted-answer\" data-answerid=\"54722079\" data-parentid=\"54721953\" data-score=\"0\" data-position-on-page=\"1\" data-highest-scored=\"1\" data-question-has-accepted-highest-score=\"1\" itemprop=\"acceptedAnswer\" itemscope itemtype=\"https:\/\/schema.org\/Answer\">\n<div class=\"post-layout\">\n<div class=\"votecell post-layout--left\"><\/div>\n<div class=\"answercell post-layout--right\">\n<div class=\"s-prose js-post-body\" itemprop=\"text\">\n<p>There are many ways to iterate\/loop through an array. One common way it using a <code>for<\/code> loop. There can be many variations of a for loop:<\/p>\n<ul>\n<li>\n<p>standard <code>for<\/code> loop (loops through numbers where <code>i<\/code> is each number):<\/p>\n<pre><code>for(let i = 0; i &lt; dangle.length; i++) { \/\/ loop through the dangle array\n  let arr = dangle[i]; \/\/ get each inner array from index `i`\n  for(let j = 0; j &lt; arr.length; j++) { \/\/ loop through the inner array\n    console.log(arr[j].name); \/\/ print the name of each object\n  }\n}\n<\/code><\/pre>\n<\/li>\n<\/ul>\n<div class=\"snippet\" data-lang=\"js\" data-hide=\"true\" data-console=\"true\" data-babel=\"false\">\n<div class=\"snippet-code snippet-currently-hidden\">\n<pre class=\"snippet-code-js lang-js prettyprint-override\"><code>let dangle =  [[{name:\"jack\",age:\"20\"}], [{name:\"ram\",age:\"25\"}],[{name:\"vishy\",age:\"45\"}]];\r\n        \r\nfor (let i = 0; i &lt; dangle.length; i++) {\r\n  let arr = dangle[i];\r\n  for (let j = 0; j &lt; arr.length; j++) {\r\n    console.log(arr[j].name);\r\n  }\r\n}<\/code><\/pre>\n<\/div>\n<\/div>\n<ul>\n<li>\n<p><code>for of<\/code> loop (loops through the array elements, where <code>arr<\/code> is the element):<\/p>\n<pre><code>for(let arr of dangle) { \/\/ get each inner array in dangle (current inner array is referenced as arr)\n  for(let obj of arr) { \/\/ loop through the contents in the current inner array, where obj is the contents\n    console.log(obj.name); \/\/ print the name of the contents\n  }\n}\n<\/code><\/pre>\n<\/li>\n<\/ul>\n<div class=\"snippet\" data-lang=\"js\" data-hide=\"true\" data-console=\"true\" data-babel=\"false\">\n<div class=\"snippet-code snippet-currently-hidden\">\n<pre class=\"snippet-code-js lang-js prettyprint-override\"><code>let dangle =  [[{name:\"jack\",age:\"20\"}],[{name:\"ram\",age:\"25\"}],[{name:\"vishy\",age:\"45\"}]];\r\n         \r\nfor(let arr of dangle) {\r\n  for(let obj of arr) {\r\n    console.log(obj.name);\r\n  }\r\n}<\/code><\/pre>\n<\/div>\n<\/div>\n<ul>\n<li>\n<p><code>.forEach<\/code> high-order function (loops through array elements, where <code>arr<\/code> is the element in each array)<\/p>\n<pre><code>dangle.forEach(arr =&gt; arr.forEach(obj =&gt; {\n  console.log(obj.name);\n}));\n<\/code><\/pre>\n<\/li>\n<\/ul>\n<div class=\"snippet\" data-lang=\"js\" data-hide=\"true\" data-console=\"true\" data-babel=\"false\">\n<div class=\"snippet-code snippet-currently-hidden\">\n<pre class=\"snippet-code-js lang-js prettyprint-override\"><code>let dangle =  [[{name:\"jack\",age:\"20\"}],[{name:\"ram\",age:\"25\"}], [{name:\"vishy\",age:\"45\"}]];         \r\n\r\ndangle.forEach(arr =&gt; arr.forEach(obj =&gt; { \/\/ loop through the outer array to access each inner array, loop through each inner array\r\n  console.log(obj.name); \/\/ print the objects name retrieved from the inner array\r\n}));<\/code><\/pre>\n<\/div>\n<\/div>\n<p><strong>Notice<\/strong>: In the above examples, I&#8217;ve used 2 loops. The reason for this is because you have a 2-dimensional array (an array within another array). This means the outer for loop is used to access each inner array. The inner for loop then loops through the elements (objects in your case) in each inner array. As you only have one object in each inner array, the inner for loop can be removed and you can access the <code>0<sup>th<\/sup><\/code> index of each inner array. However, for the purposes of extendability and maintainability, I&#8217;ve used an inner for loop such that if you do have more than one object this will still work<\/p>\n<p>Thus, you can use one of these for loop to populate an empty array with your names:<\/p>\n<pre><code>let names = [];\nfor(let arr of dangle) {\n  for(let obj of arr) {\n    names.push(obj.name); \/\/ add the name to the names array\n  }\n}\n\nconsole.log(names);\n<\/code><\/pre>\n<\/p>\n<div class=\"snippet\" data-lang=\"js\" data-hide=\"true\" data-console=\"true\" data-babel=\"false\">\n<div class=\"snippet-code snippet-currently-hidden\">\n<pre class=\"snippet-code-js lang-js prettyprint-override\"><code>let dangle=  [[{name:\"jack\",age:\"20\"}], [{name:\"ram\",age:\"25\"}], [{name:\"vishy\",age:\"45\"}]]\r\n\r\nlet names = [];\r\nfor(let arr of dangle) {\r\n  for(let obj of arr) {\r\n    names.push(obj.name); \/\/ add the name to the names array\r\n  }\r\n}\r\n\r\nconsole.log(names);<\/code><\/pre>\n<\/div>\n<\/div><\/div>\n<div class=\"mt24\"><\/div>\n<\/div>\n<p>            <span class=\"d-none\" itemprop=\"commentCount\">0<\/span> <\/p><\/div>\n<\/div>\n<p>[ad_2]<\/p>\n<p>solved How to parse JSON values inside nested array using JavaScript [closed] <\/p>\n","protected":false},"excerpt":{"rendered":"<p>[ad_1] There are many ways to iterate\/loop through an array. One common way it using a for loop. There can be many variations of a for loop: standard for loop (loops through numbers where i is each number): for(let i = 0; i &lt; dangle.length; i++) { \/\/ loop through the dangle array let arr &#8230; <a title=\"[Solved] How to parse JSON values inside nested array using JavaScript [closed]\" class=\"read-more\" href=\"https:\/\/jassweb.com\/solved\/solved-how-to-parse-json-values-inside-nested-array-using-javascript-closed\/\" aria-label=\"More on [Solved] How to parse JSON values inside nested array using JavaScript [closed]\">Read more<\/a><\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[320],"tags":[361,333,1948,356,430],"class_list":["post-34181","post","type-post","status-publish","format-standard","hentry","category-solved","tag-arrays","tag-javascript","tag-javascript-objects","tag-json","tag-object"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v26.5 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>[Solved] How to parse JSON values inside nested array using JavaScript [closed] - JassWeb<\/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:\/\/jassweb.com\/solved\/solved-how-to-parse-json-values-inside-nested-array-using-javascript-closed\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"[Solved] How to parse JSON values inside nested array using JavaScript [closed] - JassWeb\" \/>\n<meta property=\"og:description\" content=\"[ad_1] There are many ways to iterate\/loop through an array. One common way it using a for loop. There can be many variations of a for loop: standard for loop (loops through numbers where i is each number): for(let i = 0; i &lt; dangle.length; i++) { \/\/ loop through the dangle array let arr ... Read more\" \/>\n<meta property=\"og:url\" content=\"https:\/\/jassweb.com\/solved\/solved-how-to-parse-json-values-inside-nested-array-using-javascript-closed\/\" \/>\n<meta property=\"og:site_name\" content=\"JassWeb\" \/>\n<meta property=\"article:published_time\" content=\"2023-03-02T10:36:32+00:00\" \/>\n<meta name=\"author\" content=\"Kirat\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Kirat\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"2 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/jassweb.com\/solved\/solved-how-to-parse-json-values-inside-nested-array-using-javascript-closed\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/jassweb.com\/solved\/solved-how-to-parse-json-values-inside-nested-array-using-javascript-closed\/\"},\"author\":{\"name\":\"Kirat\",\"@id\":\"https:\/\/jassweb.com\/solved\/#\/schema\/person\/65c9c7b7958150c0dc8371fa35dd7c31\"},\"headline\":\"[Solved] How to parse JSON values inside nested array using JavaScript [closed]\",\"datePublished\":\"2023-03-02T10:36:32+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/jassweb.com\/solved\/solved-how-to-parse-json-values-inside-nested-array-using-javascript-closed\/\"},\"wordCount\":212,\"publisher\":{\"@id\":\"https:\/\/jassweb.com\/solved\/#organization\"},\"keywords\":[\"arrays\",\"javascript\",\"javascript-objects\",\"json\",\"object\"],\"articleSection\":[\"Solved\"],\"inLanguage\":\"en-US\"},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/jassweb.com\/solved\/solved-how-to-parse-json-values-inside-nested-array-using-javascript-closed\/\",\"url\":\"https:\/\/jassweb.com\/solved\/solved-how-to-parse-json-values-inside-nested-array-using-javascript-closed\/\",\"name\":\"[Solved] How to parse JSON values inside nested array using JavaScript [closed] - JassWeb\",\"isPartOf\":{\"@id\":\"https:\/\/jassweb.com\/solved\/#website\"},\"datePublished\":\"2023-03-02T10:36:32+00:00\",\"breadcrumb\":{\"@id\":\"https:\/\/jassweb.com\/solved\/solved-how-to-parse-json-values-inside-nested-array-using-javascript-closed\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/jassweb.com\/solved\/solved-how-to-parse-json-values-inside-nested-array-using-javascript-closed\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/jassweb.com\/solved\/solved-how-to-parse-json-values-inside-nested-array-using-javascript-closed\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/jassweb.com\/solved\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"[Solved] How to parse JSON values inside nested array using JavaScript [closed]\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/jassweb.com\/solved\/#website\",\"url\":\"https:\/\/jassweb.com\/solved\/\",\"name\":\"JassWeb\",\"description\":\"Build High-quality Websites\",\"publisher\":{\"@id\":\"https:\/\/jassweb.com\/solved\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/jassweb.com\/solved\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/jassweb.com\/solved\/#organization\",\"name\":\"Jass Web\",\"url\":\"https:\/\/jassweb.com\/solved\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/jassweb.com\/solved\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/jassweb.com\/wp-content\/uploads\/2021\/02\/jass-website-logo-1.png\",\"contentUrl\":\"https:\/\/jassweb.com\/wp-content\/uploads\/2021\/02\/jass-website-logo-1.png\",\"width\":693,\"height\":132,\"caption\":\"Jass Web\"},\"image\":{\"@id\":\"https:\/\/jassweb.com\/solved\/#\/schema\/logo\/image\/\"}},{\"@type\":\"Person\",\"@id\":\"https:\/\/jassweb.com\/solved\/#\/schema\/person\/65c9c7b7958150c0dc8371fa35dd7c31\",\"name\":\"Kirat\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/jassweb.com\/solved\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/jassweb.com\/solved\/wp-content\/litespeed\/avatar\/1261af3c9451399fa1336d28b98ea3bb.jpg?ver=1775798750\",\"contentUrl\":\"https:\/\/jassweb.com\/solved\/wp-content\/litespeed\/avatar\/1261af3c9451399fa1336d28b98ea3bb.jpg?ver=1775798750\",\"caption\":\"Kirat\"},\"sameAs\":[\"http:\/\/jassweb.com\"],\"url\":\"https:\/\/jassweb.com\/solved\/author\/jaspritsinghghumangmail-com\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"[Solved] How to parse JSON values inside nested array using JavaScript [closed] - JassWeb","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:\/\/jassweb.com\/solved\/solved-how-to-parse-json-values-inside-nested-array-using-javascript-closed\/","og_locale":"en_US","og_type":"article","og_title":"[Solved] How to parse JSON values inside nested array using JavaScript [closed] - JassWeb","og_description":"[ad_1] There are many ways to iterate\/loop through an array. One common way it using a for loop. There can be many variations of a for loop: standard for loop (loops through numbers where i is each number): for(let i = 0; i &lt; dangle.length; i++) { \/\/ loop through the dangle array let arr ... Read more","og_url":"https:\/\/jassweb.com\/solved\/solved-how-to-parse-json-values-inside-nested-array-using-javascript-closed\/","og_site_name":"JassWeb","article_published_time":"2023-03-02T10:36:32+00:00","author":"Kirat","twitter_card":"summary_large_image","twitter_misc":{"Written by":"Kirat","Est. reading time":"2 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/jassweb.com\/solved\/solved-how-to-parse-json-values-inside-nested-array-using-javascript-closed\/#article","isPartOf":{"@id":"https:\/\/jassweb.com\/solved\/solved-how-to-parse-json-values-inside-nested-array-using-javascript-closed\/"},"author":{"name":"Kirat","@id":"https:\/\/jassweb.com\/solved\/#\/schema\/person\/65c9c7b7958150c0dc8371fa35dd7c31"},"headline":"[Solved] How to parse JSON values inside nested array using JavaScript [closed]","datePublished":"2023-03-02T10:36:32+00:00","mainEntityOfPage":{"@id":"https:\/\/jassweb.com\/solved\/solved-how-to-parse-json-values-inside-nested-array-using-javascript-closed\/"},"wordCount":212,"publisher":{"@id":"https:\/\/jassweb.com\/solved\/#organization"},"keywords":["arrays","javascript","javascript-objects","json","object"],"articleSection":["Solved"],"inLanguage":"en-US"},{"@type":"WebPage","@id":"https:\/\/jassweb.com\/solved\/solved-how-to-parse-json-values-inside-nested-array-using-javascript-closed\/","url":"https:\/\/jassweb.com\/solved\/solved-how-to-parse-json-values-inside-nested-array-using-javascript-closed\/","name":"[Solved] How to parse JSON values inside nested array using JavaScript [closed] - JassWeb","isPartOf":{"@id":"https:\/\/jassweb.com\/solved\/#website"},"datePublished":"2023-03-02T10:36:32+00:00","breadcrumb":{"@id":"https:\/\/jassweb.com\/solved\/solved-how-to-parse-json-values-inside-nested-array-using-javascript-closed\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/jassweb.com\/solved\/solved-how-to-parse-json-values-inside-nested-array-using-javascript-closed\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/jassweb.com\/solved\/solved-how-to-parse-json-values-inside-nested-array-using-javascript-closed\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/jassweb.com\/solved\/"},{"@type":"ListItem","position":2,"name":"[Solved] How to parse JSON values inside nested array using JavaScript [closed]"}]},{"@type":"WebSite","@id":"https:\/\/jassweb.com\/solved\/#website","url":"https:\/\/jassweb.com\/solved\/","name":"JassWeb","description":"Build High-quality Websites","publisher":{"@id":"https:\/\/jassweb.com\/solved\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/jassweb.com\/solved\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/jassweb.com\/solved\/#organization","name":"Jass Web","url":"https:\/\/jassweb.com\/solved\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/jassweb.com\/solved\/#\/schema\/logo\/image\/","url":"https:\/\/jassweb.com\/wp-content\/uploads\/2021\/02\/jass-website-logo-1.png","contentUrl":"https:\/\/jassweb.com\/wp-content\/uploads\/2021\/02\/jass-website-logo-1.png","width":693,"height":132,"caption":"Jass Web"},"image":{"@id":"https:\/\/jassweb.com\/solved\/#\/schema\/logo\/image\/"}},{"@type":"Person","@id":"https:\/\/jassweb.com\/solved\/#\/schema\/person\/65c9c7b7958150c0dc8371fa35dd7c31","name":"Kirat","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/jassweb.com\/solved\/#\/schema\/person\/image\/","url":"https:\/\/jassweb.com\/solved\/wp-content\/litespeed\/avatar\/1261af3c9451399fa1336d28b98ea3bb.jpg?ver=1775798750","contentUrl":"https:\/\/jassweb.com\/solved\/wp-content\/litespeed\/avatar\/1261af3c9451399fa1336d28b98ea3bb.jpg?ver=1775798750","caption":"Kirat"},"sameAs":["http:\/\/jassweb.com"],"url":"https:\/\/jassweb.com\/solved\/author\/jaspritsinghghumangmail-com\/"}]}},"_links":{"self":[{"href":"https:\/\/jassweb.com\/solved\/wp-json\/wp\/v2\/posts\/34181","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/jassweb.com\/solved\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/jassweb.com\/solved\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/jassweb.com\/solved\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/jassweb.com\/solved\/wp-json\/wp\/v2\/comments?post=34181"}],"version-history":[{"count":0,"href":"https:\/\/jassweb.com\/solved\/wp-json\/wp\/v2\/posts\/34181\/revisions"}],"wp:attachment":[{"href":"https:\/\/jassweb.com\/solved\/wp-json\/wp\/v2\/media?parent=34181"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/jassweb.com\/solved\/wp-json\/wp\/v2\/categories?post=34181"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/jassweb.com\/solved\/wp-json\/wp\/v2\/tags?post=34181"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}