Ways to manage your javascript variables

Question

Ways to manage your javascript variables

Here is the code snippet I am working with:

var json = jQuery.parseJSON(data);
    console.log(json)

When I run this code, the output looks like this:

Object {sql: "SELECT venta.cliente_tipodoc,count(*) AS cantidad FROM venta venta", results: Array[1], dataForChart: Array[1], tableOrder: Array[2], chartOrder: Array[2]…}chartOrder: Array[2]0: "cantidad"1: "cliente_tipodoc"length: 2__proto__: Array[0]dataForChart: Array[1]encabezados: Array[2]grafica: "[[agrupamiento:[[atributo:cliente_tipodoc, tabla:venta]], dato:[conteo:1, texto:Cantidad], tipo:pie-chart]]"

My main goal is to access the values inside the "grafica" key in the JSON object. I attempted to do so using "json.grafica" but it only gives me this:

grafica:[[agrupamiento:[[atributo:cliente_tipodoc, tabla:venta]], dato:[conteo:1, texto:Cantidad], tipo:pie-chart]]

I specifically need to extract the value of "tipo" inside json.grafica

Thank you in advance

javascript json

Answer 1

Answer №1

Discover the inner workings of your data with this handy object traversal tool.

function exploreData(data, action) {
  var pathway = [];

  function traverse(data) {
    if (typeof data == "object") {
      if (Array.isArray(data)) {
        for (var i = 0, length = data.length; i < length; i++) {
          pathway.push("[" + i + "]");
          traverse(data[i]);
          pathway.pop();
        }
      } else {
        for (var key in data) {
          pathway.push("." + key);
          traverse(data[key]);
          pathway.pop();
        }
      }
    } else {
      action(data, pathway);
    }

  }

  traverse(data);
}

var object = {
  alpha: 1,
  beta: 2,
  gamma: [1, 2, 3, {
    delta: 5,
    epsilon: 6,
    zeta: 7
  }]
};

exploreData(object, function(data, pathway) {
  document.getElementById('output').innerHTML += "obj" + pathway.join("") + " = " + data + "\n";
});

<pre id="output"></pre>

Answer 2

Discover the inner workings of your data with this handy object traversal tool.

function exploreData(data, action) {
  var pathway = [];

  function traverse(data) {
    if (typeof data == "object") {
      if (Array.isArray(data)) {
        for (var i = 0, length = data.length; i < length; i++) {
          pathway.push("[" + i + "]");
          traverse(data[i]);
          pathway.pop();
        }
      } else {
        for (var key in data) {
          pathway.push("." + key);
          traverse(data[key]);
          pathway.pop();
        }
      }
    } else {
      action(data, pathway);
    }

  }

  traverse(data);
}

var object = {
  alpha: 1,
  beta: 2,
  gamma: [1, 2, 3, {
    delta: 5,
    epsilon: 6,
    zeta: 7
  }]
};

exploreData(object, function(data, pathway) {
  document.getElementById('output').innerHTML += "obj" + pathway.join("") + " = " + data + "\n";
});

<pre id="output"></pre>

Ways to manage your javascript variables

Answer №1

Similar questions

Populate a Dropdown Menu with Directory Content for User Selection of d3.js JSON Data

Is there a method to delay the loading of a webpage until an image has fully loaded (preloading)?

Creating a Canvas Viewport Tailored for Multiplayer Gaming

JavaScript: locating web addresses in a text

Unable to submit form in Node.js with Express

A warning is triggered when attempting to return a non-returning function from a Promise

Exploring the potential of $scope within $timeout in AngularJS

How come the POST request does not return the JSON according to the specification in my Mongoose schema definition?

Tips for incorporating side effects into an observable property?

Error encountered when attempting to reinitialize DataTable while iterating through multiple tables and searching within tabs

generate a series of nested divs within one another

An error occurred while attempting to save a new entry using the New Entry Form in DataTable, stating that the variable "

How can I add a hyperlink to a Javascript string array?

What is the best way to allow someone to chain callback methods on my custom jQuery plugin?

Issue: failure of child element - the provided path is incorrect: "users/[object Object]", when implementing Firebase with Next.js

The property 'label' is not found in the 'string' type in Typescript

"Learn the trick to easily switch between showing and hiding passwords for multiple fields in a React application

Vuetify's V-alert component doesn't seem to close properly when the value property is updated, as it only displays the

Just initiate an API request when the data in the Vuex store is outdated or missing

Difficulty altering link hover background color