Can JSON files be used to store arrays with multiple dimensions?

I'm attempting to save a "multidimensional array" in a json file that will be used in JavaScript, essentially an array containing multiple arrays. Is this doable? If so, how can I achieve it? I tried formatting it the same way as in JavaScript, but it didn't work. Maybe there's an error in the code. Here's an example of my JSON file:

    {
    "HTML": [['button','level1Button','position:absolute; top:100px; left:200px;','LEVEL I','loadLevel(1)',false,false],['a','howtoplayhref','position:absolute; top:100px; left:100px;','how to play',false,false,'howtoplay.html']],
    "levelObjects": "StillEmptyForNow"
    }
javascriptarraysjsonmultidimensional-array

Answer №1

MinusFour is accurate, when working with JSON you must use double quotes:

let example = {"myarray": [["item1", "value1"], ["item2", "value2"]]} 
example["myarray"][1][1]
> "value2"

let example = {"HTML": [["button","button1","position:absolute; top:100px; left:200px;","Click Me","doSomething()",false,false],["a","link1","position:absolute; top:100px; left:100px;","Link Text",false,false,"example.html"]]}

example["HTML"][1][1]
> "link1"

Answer №2

After pasting the JSON into the console and adding the necessary var x= in front of it, everything worked smoothly. Upon using JSON.stringify(x,null,' '), the result was as follows:

var x=
{
  "HTML": [
    [
      "button",
      "level1Button",
      "position:absolute; top:100px; left:200px;",
      "LEVEL I",
      "loadLevel(1)",
      false,
      false
    ],
    [
      "a",
      "howtoplayhref",
      "position:absolute; top:100px; left:100px;",
      "how to play",
      false,
      false,
      "howtoplay.html"
    ]
  ],
  "levelObjects": "StillEmptyForNow"
}

JSONtext.innerHTML=JSON.stringify(x,null,'  ')
<pre id='JSONtext'></pre>

Similar questions

If you have not found the answer to your question or you are interested in this topic, then look at other similar questions below or use the search

Separating the login/register functionality from the main app using the MEAN Stack

Apologies for my poor English! I have developed an application using the MEAN stack (MongoDB + Express.js + Angular.js + Node.js) with authentication utilizing passport.js and JWT (jsonwebtoken and express-jwt). What I aim to achieve? The login and r ...

javascriptangularjsnode.jsmean-stackjwt

React does not automatically re-render components created with the built-in function

I'm facing some confusion with the behavior in my code: I've created a component that should function as a menu using MaterialUI. The idea is that when a button in the menu is clicked, it becomes "active" and visually reflects this change by set ...

javascriptreactjsmaterial-ui

Ways to avoid losing data when a page is refreshed

After encountering a frustrating issue with my form, I turned to research in hopes of finding a solution. However, each attempt has resulted in disappointment as the data is lost every time the page is refreshed. If anyone has advice on how to prevent th ...

javascriptphpjqueryhtmlajax

When attempting to call a Firebase Cloud Function URL in an AngularJS $http request, an Access Control Origin Error

I recently created a cloud function that involves linking with Plaid. I'm currently working on calling this function using AngularJS's $http method. While the cloud function code is being executed, I encountered an error in my console instead of ...

javascriptangularjsfirebase

Issue encountered: Object is not functioning properly with Node.js AuthenticationExplanation: A TypeError occurred

As a newcomer to Stack Overflow, I am doing my best to ask this question clearly. I am currently following a tutorial step by step ( http://scotch.io/tutorials/javascript/easy-node-authentication-setup-and-local ) but I encountered an issue after the thir ...

javascriptnode.jsauthenticationexpress

Error: React-Redux unable to locate Redux context value while utilizing useSelector function

After creating a store and authreducer, everything was working as expected. However, when I added the useSelector in app.js, an error occurred: ERROR Error: could not find react-redux context value; please ensure the component is wrapped in a <Provid ...

javascriptreact-nativereduxreact-reduxexpo

React hooks causing dynamic object to be erroneously converted into NaN values

My database retrieves data from a time series, indicating the milliseconds an object spends in various states within an hour. The format of the data is as follows: { id: mejfa24191@$kr, timestamp: 2023-07-25T12:51:24.000Z, // This field is dynamic ...

javascriptreactjstypescriptnext.jsreact-hooks

What is the best way to interpret this supposedly JSON structure?

I have a large data file in the format below, which is the response from an API call to one of Twitter's APIs. I need to extract the "followers_count" field value from it. Typically, I would use jq with the command: cat | jq -r '.followers_count ...

json

I'm unsure of my recollection on how to utilize the /* syntax in JavaScript

Hey there, I'm facing a little issue. Can someone remind me how to correctly use the /* in JavaScript when dealing with URLs? For instance: if(URL == "www.thing.com/"){} I can't quite remember where to insert the /* so that it applies not just ...

javascript

Setting up Nest JS by installing necessary packages

I created a package for my project and successfully installed it in my repository. However, I am facing an issue where I cannot import the functions from that package. "compilerOptions": { "module": "commonjs", " ...

javascriptnpmpackagenpm-installnest

The pop-up window is currently inactive

Utilizing the following example, I successfully created a modal window: jsfiddle The modal window allows me to display data from a table. Here is a snippet of my code: <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/bulma/0.7.1/c ...

javascriptvue.jsmodal-dialogvue-component

Performing synchronized execution in a node.js application by utilizing the 'readline' package

Struggling with the asynchronous nature of node.js, despite hours spent on callbacks and researching. I have a program that reads lines from a file using the readline module in node, passing data to async functions within the program. The goal is to proces ...

javascriptnode.jsasynchronousreadlinesynchronous

What could be causing Ember/handlebars.js to prepend 'app/' to my template file names?

Whenever I try to load my Rails ember app, I encounter a frustrating issue where Ember is unable to locate the application and index templates. Ember.TEMPLATES['application] and Ember.TEMPLATES['index'] Oddly enough, when I check Ember.TEM ...

javascriptruby-on-railsember.jshandlebars.js

Auto-scroll feature malfunctioning

My auto scroll function using jQuery isn't working, here is my CSS: #convo_mes{ text-align:left; width:98%; height:80%; background:#fff; border:1px solid #000; overflow-x:auto; } And in my JavaScript: $(".mes").click(functio ...

javascriptjquerycss

Encountering an issue in next js where attempting to access properties of an undefined variable is resulting in an error with the

"next": "13.0.7" pages version An error occurred in production mode, displaying the following message in the console: TypeError: Cannot read properties of undefined (reading 'push') Additionally, an application error popped ...

javascriptreactjsnext.jsrouter

Is it possible for Vue data to be handled asynchronosly

Have you ever wondered? Is it possible for Vue's data function to be asynchronous? Imagine needing to fetch data from an API using a library like axios, which only offers async methods. How can this data be loaded into Vue's data function? Con ...

javascriptvue.jsasync-await

Utilizing an external JavaScript file for developing applications on Facebook

I am looking to incorporate external JavaScript into my Facebook application development. Specifically, I am hoping to utilize the Ajax tab feature in my application. ...

javascriptajaxfacebook

How come I am unable to terminate this Angular HTTP request?

I've been trying to implement a solution for canceling HTTP requests in AngularJS by referring to this Stack Overflow post. Here's the code snippet I'm using: var canceller = $q.defer(); $timeout(function() { canceller.resolve(); alert ...

javascriptangularjspromise

Ensure both mouse clicks and pressing the enter key are functional for improved accessibility

Consider the following form with a tabindex property: <form id="settings-form"> <input type="text" /> <input type="submit" /> <a href="#" class="cancel-save" tabindex="0">cancel</a> </form> An action is bou ...

javascriptjqueryaccessibilitytabindex

Extracting data from a JQGrid in HTML5 Builder: a beginner's guide

Apologies for asking this question as I couldn't find any relevant posts addressing it specifically in relation to HTML5 builder. I am trying to retrieve the value of the "ID" column, which happens to be the last column among the four, based on the r ...

phpjavascripthtmljqgridhtml5builder