{"id":906,"date":"2015-06-11T06:06:48","date_gmt":"2015-06-11T06:06:48","guid":{"rendered":"http:\/\/codethataint.com\/blog\/?p=906"},"modified":"2015-06-11T06:32:03","modified_gmt":"2015-06-11T06:32:03","slug":"javascript-multidimensional-array","status":"publish","type":"post","link":"https:\/\/codethataint.com\/blog\/javascript-multidimensional-array\/","title":{"rendered":"Javascript MultiDimensional Array"},"content":{"rendered":"<p><strong>Simple 2 Dimensional Array<\/strong><\/p>\n<pre class=\"brush: jscript; title: ; notranslate\" title=\"\">\r\n var grades = &#x5B;&#x5B;89, 77, 78],&#x5B;76, 82, 81],&#x5B;91, 94, 89]];\r\n print(grades&#x5B;2]&#x5B;2]); \r\n<\/pre>\n<p><strong>Method 1<\/strong><\/p>\n<pre class=\"brush: jscript; title: ; notranslate\" title=\"\">\r\nvar numeric = &#x5B;\r\n    &#x5B;'input1','input2'],\r\n    &#x5B;'input3','input4']\r\n];\r\nnumeric&#x5B;0]&#x5B;0] == 'input1';\r\nnumeric&#x5B;0]&#x5B;1] == 'input2';\r\nnumeric&#x5B;1]&#x5B;0] == 'input3';\r\nnumeric&#x5B;1]&#x5B;1] == 'input4';\r\n<\/pre>\n<p><strong>Method 2<\/strong><\/p>\n<pre class=\"brush: jscript; title: ; notranslate\" title=\"\">\r\nvar obj = {\r\n    'row1' : {\r\n        'key1' : 'input1',\r\n        'key2' : 'inpu2'\r\n    },\r\n    'row2' : {\r\n        'key3' : 'input3',\r\n        'key4' : 'input4'\r\n    }\r\n};\r\nobj.row1.key1 == 'input1';\r\nobj.row1.key2 == 'input2';\r\nobj.row2.key1 == 'input3';\r\nobj.row2.key2 == 'input4';\r\n<\/pre>\n<p><strong>Method 3<\/strong><\/p>\n<pre class=\"brush: jscript; title: ; notranslate\" title=\"\">\r\nvar mixed = {\r\n    'row1' : &#x5B;'input1', 'inpu2'],\r\n    'row2' : &#x5B;'input3', 'input4']\r\n};\r\nobj.row1&#x5B;0] == 'input1';\r\nobj.row1&#x5B;1] == 'input2';\r\nobj.row2&#x5B;0] == 'input3';\r\nobj.row2&#x5B;1] == 'input4';\r\n<\/pre>\n<p><strong>Creating a Multidimensional Array on Fly<\/strong><\/p>\n<pre class=\"brush: jscript; title: ; notranslate\" title=\"\">\r\nvar row= 20;\r\nvar column= 10;\r\nvar f = new Array();\r\n\r\nfor (i=0;i&lt;row;i++) {\r\n f&#x5B;i]=new Array();\r\n for (j=0;j&lt;column;j++) {\r\n  f&#x5B;i]&#x5B;j]=0;\r\n }\r\n}\r\n<\/pre>\n<p><strong>Method to create a Javascript Multidimensional Array<\/strong><\/p>\n<pre class=\"brush: jscript; title: ; notranslate\" title=\"\">\r\nArray.matrix = function(numrows, numcols, initial) {\r\nvar arr = &#x5B;];\r\nfor (var i = 0; i &lt; numrows; ++i) {\r\nvar columns = &#x5B;];\r\nfor (var j = 0; j &lt; numcols; ++j) {\r\ncolumns&#x5B;j] = initial;\r\n}\r\narr&#x5B;i] = columns;\r\n}\r\nreturn arr;\r\n}\r\n<\/pre>\n<p><em>Sample Test Values<\/em><\/p>\n<pre>\r\nvar nums = Array.matrix(5,5,0);\r\nprint(nums[1][1]); \/\/ displays 0\r\nvar names = Array.matrix(3,3,\"\");\r\nnames[1][2] = \"Joe\";\r\nprint(names[1][2]); \/\/ display \"Joe\"\r\n<\/pre>\n","protected":false},"excerpt":{"rendered":"<p>Simple 2 Dimensional Array var grades = &#x5B;&#x5B;89, 77, 78],&#x5B;76, 82, 81],&#x5B;91, 94, 89]]; print(grades&#x5B;2]&#x5B;2]); Method 1 var numeric = &#x5B; &#x5B;&#8217;input1&#8242;,&#8217;input2&#8242;], &#x5B;&#8217;input3&#8242;,&#8217;input4&#8242;] ]; numeric&#x5B;0]&#x5B;0] == &#8216;input1&#8217;; numeric&#x5B;0]&#x5B;1] == &#8216;input2&#8217;; numeric&#x5B;1]&#x5B;0] == &#8216;input3&#8217;; numeric&#x5B;1]&#x5B;1] == &#8216;input4&#8217;; Method 2 var obj = { &#8216;row1&#8217; : { &#8216;key1&#8217; : &#8216;input1&#8217;, &#8216;key2&#8217; : &#8216;inpu2&#8217; }, &#8216;row2&#8217; : {&hellip; <a href=\"https:\/\/codethataint.com\/blog\/javascript-multidimensional-array\/\">Continue reading <span class=\"meta-nav\">&rarr;<\/span><\/a><\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"closed","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[119],"tags":[],"class_list":["post-906","post","type-post","status-publish","format-standard","hentry","category-arrays-javascript"],"_links":{"self":[{"href":"https:\/\/codethataint.com\/blog\/wp-json\/wp\/v2\/posts\/906","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/codethataint.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/codethataint.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/codethataint.com\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/codethataint.com\/blog\/wp-json\/wp\/v2\/comments?post=906"}],"version-history":[{"count":6,"href":"https:\/\/codethataint.com\/blog\/wp-json\/wp\/v2\/posts\/906\/revisions"}],"predecessor-version":[{"id":912,"href":"https:\/\/codethataint.com\/blog\/wp-json\/wp\/v2\/posts\/906\/revisions\/912"}],"wp:attachment":[{"href":"https:\/\/codethataint.com\/blog\/wp-json\/wp\/v2\/media?parent=906"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/codethataint.com\/blog\/wp-json\/wp\/v2\/categories?post=906"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/codethataint.com\/blog\/wp-json\/wp\/v2\/tags?post=906"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}