Output the JSON array in JavaScript

Question

Output the JSON array in JavaScript

I've been struggling to display my JSON response from PHP in the browser console using JavaScript. Despite researching on various websites, I still can't seem to figure it out.

Here's a sample of the JSON data:

{"0":{"codigo_intervencao":"Apoio Emocional - 5270"},"1":{"tempo":"30"},"2":{"codigo_intervencao":"Apoio Emocional - 5270"},"3":{"tempo":"30"},"4":{"codigo_intervencao":"Apoio Emocional - 5270"},"5":{"tempo":"231518"},"6":{"codigo_intervencao":"Apoio Emocional - 5270"}}

My goal is to print each value of the key "codigo_intervencao" in the console, but I haven't been successful so far.

I attempted something like this:

$(document).ready(function() {

  $( "#target" ).click(function() {
    console.log("Select JS");
      $.ajax({
        type: "POST",
        url: "select.php",
        dataType: 'html',
        success: function(response) {
            console.log("Response:" + response); // This prints the JSON data above
            var array = $.parseJSON(response);
            var tempo = 0;
            var arrayLength = array.length;

            for (var i = 0; i < arrayLength; i++) {
              console.log(array[i]['codigo_intervencao']);

        }
      });
  });
});

javascript arrays json multidimensional-array

Answer 1

Answer №1

Your data is in JSON format and is not an array.

var data = $.parseJSON(response)
for (item in data){
    console.log(data[item]['intervention_code'])
}

Loop through the JSON data to retrieve the specific element you need.

Answer 2

Your data is in JSON format and is not an array.

var data = $.parseJSON(response)
for (item in data){
    console.log(data[item]['intervention_code'])
}

Loop through the JSON data to retrieve the specific element you need.

Answer 3

Answer №2

If you take a look at the JSON example you provided, it would actually be interpreted as an Object. If you want to process it further, you can consider using the following script:

const jsonData = JSON.parse(apiResponse);
const dataArray = Object.keys(jsonData).map(key => jsonData[key]);
dataArray.forEach(element => console.log(element.codigo_intervencao))

For objects without the codigo_intervencao key, you may receive undefined as the output. Another approach could be to iterate through the object using the for..in loop.

Answer 4

If you take a look at the JSON example you provided, it would actually be interpreted as an Object. If you want to process it further, you can consider using the following script:

const jsonData = JSON.parse(apiResponse);
const dataArray = Object.keys(jsonData).map(key => jsonData[key]);
dataArray.forEach(element => console.log(element.codigo_intervencao))

For objects without the codigo_intervencao key, you may receive undefined as the output. Another approach could be to iterate through the object using the for..in loop.

Output the JSON array in JavaScript

Answer №1

Answer №2

Similar questions

What is the structure of multi-dimensional arrays in memory?

Linking two socket.io clients together (Establishing a direct socket-to-socket connection that works across different browsers)

Using Typescript to implement a conditional return type and ensuring that the value types are consistent together

Using jQuery to clear a textarea when a select input is changed

I am facing an issue with submitting a form using jQuery POST and php serialization

How can I adjust the vertical position of Material-UI Popper element using the popper.js library?

Creating scalable controllers in ExpressJS

Verify if the array is devoid of elements

Headers cannot be set again after they have been sent to the client in Express Node

Refreshing Slickgrid: Updating grid data with data fetched from an AJAX source

experiencing an excessive amount of re-renders after transferring data to a distinct component

Utilize VueJS to pass back iteration values using a custom node extension

HTML5 allows users to choose data from a list using a ComboBox and submit the 3-digit code

Prevent anchor jumping caused by popstate event in Safari

Activate the audit command for the npm enterprise registry

Is there a way to bring together scrolling effects and mouse movement for a dynamic user

Choosing a default selection in a nested v-for loop for a select box

Rewriting URLs in Angular 2

Error encountered while trying to retrieve the response

What is the best way to retrieve the nearest form data with jQuery after a child input has been modified?