{"id":235,"date":"2022-09-14T09:44:55","date_gmt":"2022-09-14T09:44:55","guid":{"rendered":"https:\/\/jassweb.com\/new22\/solved-creating-a-multidimensional-array-javascript\/"},"modified":"2022-09-14T09:44:55","modified_gmt":"2022-09-14T09:44:55","slug":"solved-creating-a-multidimensional-array-javascript-2","status":"publish","type":"post","link":"https:\/\/jassweb.com\/solved\/solved-creating-a-multidimensional-array-javascript-2\/","title":{"rendered":"[Solved] creating a multidimensional array javascript"},"content":{"rendered":"<h2> Introduction <\/h2>\n<p>[ad_1]<\/p>\n<p>Creating a multidimensional array in JavaScript can be a great way to store and organize data. A multidimensional array is an array that contains other arrays as its elements. This type of array can be used to store data in a hierarchical structure, such as a list of products and their associated prices. In this tutorial, we will discuss how to create a multidimensional array in JavaScript and how to access and manipulate its elements. We will also discuss some of the common methods used to work with multidimensional arrays. By the end of this tutorial, you will have a better understanding of how to create and work with multidimensional arrays in JavaScript.<\/p>\n<h2> Solution<\/h2>\n<p><\/p>\n<p>\/\/ Option 1:<br \/>\nlet multiArray = [[1,2,3], [4,5,6], [7,8,9]];<\/p>\n<p>\/\/ Option 2:<br \/>\nlet multiArray = [];<br \/>\nmultiArray[0] = [1,2,3];<br \/>\nmultiArray[1] = [4,5,6];<br \/>\nmultiArray[2] = [7,8,9]; <\/p>\n<p><\/p>\n<div class=\"entry-content\" itemprop=\"text\">\n<script async src=\"https:\/\/pagead2.googlesyndication.com\/pagead\/js\/adsbygoogle.js?client=ca-pub-1088640234840270\" crossorigin=\"anonymous\"><\/script><br \/>\n<script><\/p>\n<p><\/script><\/p>\n<p><\/p>\n<div id=\"answer-48155402\" class=\"answer js-answer accepted-answer js-accepted-answer\" data-answerid=\"48155402\" data-parentid=\"48150412\" 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>I asked you to use <code>console.log()<\/code> on the input object, because that will make it clear what you problem is:<\/p>\n<div class=\"snippet\" data-lang=\"js\" data-hide=\"false\" data-console=\"true\" data-babel=\"false\">\n<div class=\"snippet-code\">\n<pre class=\"snippet-code-js lang-js prettyprint-override\"><code>\/\/ your (wrong) way\n\nconst indexe = 5;\nconst yourway = {\n  indexe: {\n    \"input_name\": 'value' \/\/ I used a string so I wouldn't have to import jQuery for this\n  },\n};\n\nconsole.log('Your original version: ', yourway);\n\n\/\/ using a real array, this will have a lot of undefined elements\n\nconst arrayV = [];\narrayV[indexe] = {\n  \"input_name\": 'value'\n}\n\nconsole.log('Array version: ', arrayV);\n\n\/\/ using an object correctly\nconst objectV1 = {\n  [indexe]: {\n    \"input_name\": 'value'\n  },\n};\n\nconsole.log('Object version: ', objectV1);\n\n\/\/ you can add more to it like so:\nobjectV1[7] = {\n  \"input_name\": 'value'\n};\n\nconsole.log('After adding another entry: ', objectV1);\n\n\/\/ you also don't need to create a new object with an already existing element. This will suffice:\nconst objectV2 = {};\nobjectV2[indexe] = {\n  \"input_name\": 'value'\n};\n\nconsole.log('2. Object version: ', objectV2);\n\n\/\/ imortant note on the object versions: length is not defined for objects\nconsole.log('Object version 1 length: ', objectV1.length);\nconsole.log('Object version 2 length: ', objectV2.length);<\/code><\/pre>\n<\/div>\n<\/div>\n<p>Your problem simply was that it didn\u2019t use the value of <code>indexe<\/code>, but rather that as the name of a property. I have also included the array version, even though that is not an associative array (and as people in the comments have pointed out, neither are the object versions, really).<\/p>\n<hr>\n<p>P.s. I used ES6 Syntax. It is rather widely supported, but I would still recommend going for at least ES5. (There are pre-processors for that)<br \/>\nIf you want to make it ES5-valid, replace <code>const<\/code> with <code>var<\/code> and don\u2019t use the <code>objectV1<\/code>-version.<\/p>\n<\/div>\n<div class=\"mt24\"><\/div>\n<\/div>\n<p> <span class=\"d-none\" itemprop=\"commentCount\"><\/span> <\/p>\n<\/div>\n<\/div>\n<p>solved creating a multidimensional array javascript <\/p>\n<p><script async src=\"https:\/\/pagead2.googlesyndication.com\/pagead\/js\/adsbygoogle.js?client=ca-pub-1088640234840270\" crossorigin=\"anonymous\"><\/script><br \/>\n<script><\/p>\n<p><\/script><\/div>\n<p>[ad_2]<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Introduction [ad_1] Creating a multidimensional array in JavaScript can be a great way to store and organize data. A multidimensional array is an array that contains other arrays as its elements. This type of array can be used to store data in a hierarchical structure, such as a list of products and their associated prices. &#8230; <a title=\"[Solved] creating a multidimensional array javascript\" class=\"read-more\" href=\"https:\/\/jassweb.com\/solved\/solved-creating-a-multidimensional-array-javascript-2\/\" aria-label=\"More on [Solved] creating a multidimensional array javascript\">Read more<\/a><\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[320],"tags":[361,333,505],"class_list":["post-235","post","type-post","status-publish","format-standard","hentry","category-solved","tag-arrays","tag-javascript","tag-multidimensional-array"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v26.5 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>[Solved] creating a multidimensional array javascript - 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-creating-a-multidimensional-array-javascript-2\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"[Solved] creating a multidimensional array javascript - JassWeb\" \/>\n<meta property=\"og:description\" content=\"Introduction [ad_1] Creating a multidimensional array in JavaScript can be a great way to store and organize data. A multidimensional array is an array that contains other arrays as its elements. This type of array can be used to store data in a hierarchical structure, such as a list of products and their associated prices. ... Read more\" \/>\n<meta property=\"og:url\" content=\"https:\/\/jassweb.com\/solved\/solved-creating-a-multidimensional-array-javascript-2\/\" \/>\n<meta property=\"og:site_name\" content=\"JassWeb\" \/>\n<meta property=\"article:published_time\" content=\"2022-09-14T09:44:55+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-creating-a-multidimensional-array-javascript-2\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/jassweb.com\/solved\/solved-creating-a-multidimensional-array-javascript-2\/\"},\"author\":{\"name\":\"Kirat\",\"@id\":\"https:\/\/jassweb.com\/solved\/#\/schema\/person\/65c9c7b7958150c0dc8371fa35dd7c31\"},\"headline\":\"[Solved] creating a multidimensional array javascript\",\"datePublished\":\"2022-09-14T09:44:55+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/jassweb.com\/solved\/solved-creating-a-multidimensional-array-javascript-2\/\"},\"wordCount\":250,\"commentCount\":0,\"publisher\":{\"@id\":\"https:\/\/jassweb.com\/solved\/#organization\"},\"keywords\":[\"arrays\",\"javascript\",\"multidimensional-array\"],\"articleSection\":[\"Solved\"],\"inLanguage\":\"en-US\"},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/jassweb.com\/solved\/solved-creating-a-multidimensional-array-javascript-2\/\",\"url\":\"https:\/\/jassweb.com\/solved\/solved-creating-a-multidimensional-array-javascript-2\/\",\"name\":\"[Solved] creating a multidimensional array javascript - JassWeb\",\"isPartOf\":{\"@id\":\"https:\/\/jassweb.com\/solved\/#website\"},\"datePublished\":\"2022-09-14T09:44:55+00:00\",\"breadcrumb\":{\"@id\":\"https:\/\/jassweb.com\/solved\/solved-creating-a-multidimensional-array-javascript-2\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/jassweb.com\/solved\/solved-creating-a-multidimensional-array-javascript-2\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/jassweb.com\/solved\/solved-creating-a-multidimensional-array-javascript-2\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/jassweb.com\/solved\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"[Solved] creating a multidimensional array javascript\"}]},{\"@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] creating a multidimensional array javascript - 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-creating-a-multidimensional-array-javascript-2\/","og_locale":"en_US","og_type":"article","og_title":"[Solved] creating a multidimensional array javascript - JassWeb","og_description":"Introduction [ad_1] Creating a multidimensional array in JavaScript can be a great way to store and organize data. A multidimensional array is an array that contains other arrays as its elements. This type of array can be used to store data in a hierarchical structure, such as a list of products and their associated prices. ... Read more","og_url":"https:\/\/jassweb.com\/solved\/solved-creating-a-multidimensional-array-javascript-2\/","og_site_name":"JassWeb","article_published_time":"2022-09-14T09:44:55+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-creating-a-multidimensional-array-javascript-2\/#article","isPartOf":{"@id":"https:\/\/jassweb.com\/solved\/solved-creating-a-multidimensional-array-javascript-2\/"},"author":{"name":"Kirat","@id":"https:\/\/jassweb.com\/solved\/#\/schema\/person\/65c9c7b7958150c0dc8371fa35dd7c31"},"headline":"[Solved] creating a multidimensional array javascript","datePublished":"2022-09-14T09:44:55+00:00","mainEntityOfPage":{"@id":"https:\/\/jassweb.com\/solved\/solved-creating-a-multidimensional-array-javascript-2\/"},"wordCount":250,"commentCount":0,"publisher":{"@id":"https:\/\/jassweb.com\/solved\/#organization"},"keywords":["arrays","javascript","multidimensional-array"],"articleSection":["Solved"],"inLanguage":"en-US"},{"@type":"WebPage","@id":"https:\/\/jassweb.com\/solved\/solved-creating-a-multidimensional-array-javascript-2\/","url":"https:\/\/jassweb.com\/solved\/solved-creating-a-multidimensional-array-javascript-2\/","name":"[Solved] creating a multidimensional array javascript - JassWeb","isPartOf":{"@id":"https:\/\/jassweb.com\/solved\/#website"},"datePublished":"2022-09-14T09:44:55+00:00","breadcrumb":{"@id":"https:\/\/jassweb.com\/solved\/solved-creating-a-multidimensional-array-javascript-2\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/jassweb.com\/solved\/solved-creating-a-multidimensional-array-javascript-2\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/jassweb.com\/solved\/solved-creating-a-multidimensional-array-javascript-2\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/jassweb.com\/solved\/"},{"@type":"ListItem","position":2,"name":"[Solved] creating a multidimensional array javascript"}]},{"@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\/235","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=235"}],"version-history":[{"count":0,"href":"https:\/\/jassweb.com\/solved\/wp-json\/wp\/v2\/posts\/235\/revisions"}],"wp:attachment":[{"href":"https:\/\/jassweb.com\/solved\/wp-json\/wp\/v2\/media?parent=235"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/jassweb.com\/solved\/wp-json\/wp\/v2\/categories?post=235"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/jassweb.com\/solved\/wp-json\/wp\/v2\/tags?post=235"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}