Troubles with indexing a JavaScript array

Question

Troubles with indexing a JavaScript array

My dilemma lies in extracting and storing specific data from a JSON object into an array. I am struggling to organize the information as desired within the array structure outlined below:

Array = [0]['start'] = 'Date1', [0]['end'] = 'Date2', [0]['name'] = 'NameN'

With the index of the array being represented by n

As you can envision, there will be multiple entries in this array that can be accessed based on their respective indexes.

var array = new Array();
var label;

data = JSON.parse(data);
$.each(data.rows, function(i, row) {  
    $.each(row.c, function(j, item) {
        if(j == 0){
           label = 'start';
        }
        if(j == 1){
           label = 'end';
        }
        if(j == 2){
           label = 'name';
        }

        if(j == 0 || j == 1 || j == 2){
            array[i]["test"] = item.v;
            //console.log('array['+i+']['+label+'] = '+ item.v);
        }
        //console.log(item.v);
    });
});

I'm seeking guidance on achieving this functionality in JavaScript. Thank you!

Edit: Initially, my JSON looked like this

{"cols":[{"id":"","label":"start","pattern":"","type":"datetime"},{"id":"","label":"end","pattern":"","type":"datetime"},{"id":"","label":"content","pattern":"","type":"string"}],"rows":[{"c":[{"v":"Date(2014, 3, 25)","f":null},{"v":"Date(2014, 4, 2)","f":null},{"v":"Subgoal A","f":null}]},{"c":[{"v":"Date(2014, 4, 2)","f":null},{"v":"Date(2014, 4, 9)","f":null},{"v":"Subgoal B","f":null}]}],"p":null}

javascript arrays parsing indexing

Answer 1

Answer №1

JavaScript does not support multi-dimensional arrays, but you can achieve similar functionality by using an array of objects. Simply create an output array, iterate over the JSON data, and add a new object to the array for each iteration.

var output = [];
for (var index = 0, length = jsonData.items.length; index < length; index++) {
  var item = jsonData.items[index];
  output.push({
    name: item.name,
    value: item.value
  });
}

for (var j = 0, k = output.length; j < k; j++) {
  console.log(output[j].name);
}

OUTPUT

Name: John, Value: 25
Name: Jane, Value: 30

DEMO

You can access individual objects in the array by their index, like so:

output[1] // { name: "Jane", value: 30 }

To retrieve objects based on a specific key-value pair, you can set up a function like this:

function findObject(key, value) {
  return output.filter(function (element) {
    return element[key] === value;
  });
}

DEMO

Answer 2

JavaScript does not support multi-dimensional arrays, but you can achieve similar functionality by using an array of objects. Simply create an output array, iterate over the JSON data, and add a new object to the array for each iteration.

var output = [];
for (var index = 0, length = jsonData.items.length; index < length; index++) {
  var item = jsonData.items[index];
  output.push({
    name: item.name,
    value: item.value
  });
}

for (var j = 0, k = output.length; j < k; j++) {
  console.log(output[j].name);
}

OUTPUT

Name: John, Value: 25
Name: Jane, Value: 30

DEMO

You can access individual objects in the array by their index, like so:

output[1] // { name: "Jane", value: 30 }

To retrieve objects based on a specific key-value pair, you can set up a function like this:

function findObject(key, value) {
  return output.filter(function (element) {
    return element[key] === value;
  });
}

DEMO

Troubles with indexing a JavaScript array

Answer №1

Similar questions

Is it possible to utilize AJAXToolKit and Jquery on a single webpage?

How can Angular 7 be used to accept a ZIP response from an API?

Exporting the Matter.js engine world data to JSON format

Requesting data from a JSON array of objects leads to an undefined result

Using Ajax calls in NodeJs to access the database

assert.deepPartiallyEqual method designed for comparing two objects in an asymmetric manner

There seems to be an overload of commas showing up in my array

How to utilize JavaScript to convert a string into a function name

Searching for a specific element in jQuery by querying a string

What is the best way to duplicate and delete the final child element using jQuery?

What is causing the repetition of values in the output from my .ajax() request?

As soon as I inserted the image, the text vanished into thin air

Unable to update React state on a component that is unmounted while utilizing Redux

Navigating the world of vue-toastification is as easy as pie

Animate a list to expand and collapse the menu options

Leveraging AngularJS $promise in conjunction with NgResource

Want to learn about Google Apps Script Web App? Join us to dive into AJAX, leverage

Switched from btao to Buffer, however encountering a TypeError while trying to push to Vercel

What is the method for retrieving the input value once it has been obscured with asterisks (*)?

dynamically import a variety of components in vue.js and nuxt depending on certain conditions