A method of iteration that allows us to traverse through an object, regardless of whether it contains a single item or an array of items, is known as dynamic looping

Question

A method of iteration that allows us to traverse through an object, regardless of whether it contains a single item or an array of items, is known as dynamic looping

I am dealing with a JSON output that can have different types of data:

There may be an array of objects like this:

var data = {
            "EARNINGS": [
                   {
                     "PAYMENT": "1923.08",
                     "REPORTING_NAME": "Regular Salary",
                     "CATEGORY_NAME": "Standard Earnings"
                   },
                   {
                     "PAYMENT": "0",
                     "REPORTING_NAME" "Spot Bonus",
                     "CATEGORY_NAME": "Supplemental Earnings"
                   }
                 ]
}

Or just a single object like this:

  var data = {
       "EARNINGS": 
               {
                 "PAYMENT": "1923.08",
                 "REPORTING_NAME": "Regular Salary",
                 "RUN": "1923.08",
                }
           };

I'm struggling with how to loop through the "EARNINGS" object. It's straightforward when it's an array of objects, but when it's a single object, I need to determine whether it's an array or not.

javascript json

Answer 1

Answer №1

To verify, you can use the following code snippet: Array.isArray(data); this function will return either true or false.

var data_single = {
  "EARNINGS": {
    "PAYMENT": "1923.08",
    "REPORTING_NAME": "Regular Salary",
    "CATEGORY_NAME": "Standard Earnings",
  }
};

var data_arr = {
  "EARNINGS": [
  {
    "PAYMENT": "1923.08",
    "REPORTING_NAME": "Regular Salary",
    "RUN": "1923.08",
  },
  {
    "PAYMENT": "0",
    "REPORTING_NAME": "Spot Bonus",
    "CATEGORY_NAME": "Supplemental Earnings"
  }
  ]
};

console.log(Array.isArray(data_single['EARNINGS']));
console.log(Array.isArray(data_arr['EARNINGS']));

Answer 2

To verify, you can use the following code snippet: Array.isArray(data); this function will return either true or false.

var data_single = {
  "EARNINGS": {
    "PAYMENT": "1923.08",
    "REPORTING_NAME": "Regular Salary",
    "CATEGORY_NAME": "Standard Earnings",
  }
};

var data_arr = {
  "EARNINGS": [
  {
    "PAYMENT": "1923.08",
    "REPORTING_NAME": "Regular Salary",
    "RUN": "1923.08",
  },
  {
    "PAYMENT": "0",
    "REPORTING_NAME": "Spot Bonus",
    "CATEGORY_NAME": "Supplemental Earnings"
  }
  ]
};

console.log(Array.isArray(data_single['EARNINGS']));
console.log(Array.isArray(data_arr['EARNINGS']));

A method of iteration that allows us to traverse through an object, regardless of whether it contains a single item or an array of items, is known as dynamic looping

Answer №1

Similar questions

Issue: Incompatibility in metadata versions detected for module .../ngx-masonry/ngx-masonry.d.ts. Level 4 version identified, whereas level 3 version

Toggle the visibility of multiple divs by clicking on other divs

The Flutter error message states that a 'String' type is incompatible with an 'int' type when trying to access an 'index'

When using Laravel with jQuery Ajax, the search for the file address is unsuccessful

Retrieve the jsonb value from a json structure that includes a json array in PostgreSQL

Acquire the Information from a Textarea That Has Been Edited by the User

The error message "Babel - Unable to access property 'TYPED_ARRAY_SUPPORT' of an unspecified object" is being displayed

Place an overlay element in the top-left corner of a perfectly centered image

Fade-in effect applied to images upon exposure

Leveraging Discord.js to retrieve all messages sent while the bot was inactive

Is there a way to enable drag and drop functionality on a dynamically created table using AJAX?

Limit the number of elements in an Angular object by using the filter function

Issues with my POST function across different domains

Using Nextjs Image as the Background for Layout

Next-Auth: Access Session in _app.js Directly Without Using getServerSideProps

Verifying updates in the watchlist once data has been initialized upon mounting

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

Executing cross browser testing in Node JS consecutively within a single session: A step-by-step guide

Manipulating JSON Elements using JavaScript in HTML

Why am I unable to retrieve data using jQuery and PHP?