Generate two arrays in JavaScript using the information stored in an object

Question

Generate two arrays in JavaScript using the information stored in an object

I am in need of a loop that can generate 2 arrays based on some data...

To start, I create the following 2 arrays:

namelist = [];
countList = [];


{
    "id": "665",
    "name": "primary",
    "contents": {
        "692": {
            "id": "692",
             "title": "title 1",
            "info": {
                "quantity": 8
            }
        },
        "757": {
            "id": "757",
            "title": "title 2",
            "info": {
                "quantity": 15 
            }
        }
    }
}

In this scenario, the intended outcome would be:

For namelist:

['title 1', 'title 2']

And for countList:

[8, 15]

How should I approach achieving this?

javascript arrays object

Answer 1

Answer №1

var nameList = [];
var countList = [];

var myObj = 
{
    "id": "622",
    "name": "main",
    "sub": {
        "637": {
            "id": "637",
            "name": "name 1",
            "stats": {
                "count": 5
            }
        },
        "638": {
            "id": "638",
            "name": "name 2",
            "stats": {
                "count": 10 
            }
        }
    }
};



for(var key in myObj.sub){
    nameList.push(myObj.sub[key].name);
    countList.push(myObj.sub[key].stats.count);
}

console.log(nameList);
console.log(countList);

Answer 2

var nameList = [];
var countList = [];

var myObj = 
{
    "id": "622",
    "name": "main",
    "sub": {
        "637": {
            "id": "637",
            "name": "name 1",
            "stats": {
                "count": 5
            }
        },
        "638": {
            "id": "638",
            "name": "name 2",
            "stats": {
                "count": 10 
            }
        }
    }
};



for(var key in myObj.sub){
    nameList.push(myObj.sub[key].name);
    countList.push(myObj.sub[key].stats.count);
}

console.log(nameList);
console.log(countList);

Answer 3

Answer №2

Iterating through the keys in the sub object, we are populating two arrays: nameList with the names from each key's value and countList with the count from each key's stats property.

Answer 4

Iterating through the keys in the sub object, we are populating two arrays: nameList with the names from each key's value and countList with the count from each key's stats property.

Answer 5

Answer №3

When you need to iterate through object properties, using <code>Object.keys

can be very helpful. Here's an example specific to your object:

var namelist = [],
  countList = [],
  obj = {
    "id": "622",
    "name": "main",
    "sub": {
      "637": {
        "id": "637",
        "name": "name 1",
        "stats": {
          "count": 5
        }
      },
      "638": {
        "id": "638",
        "name": "name 2",
        "stats": {
          "count": 10
        }
      }
    }
  };

Object.keys(obj.sub).forEach(function(item) {
    namelist.push(obj.sub[item].name);
    countList.push(obj.sub[item].stats.count);
});

console.log(namelist, countList);

If you'd like to see this code in action, check out this working example: https://jsfiddle.net/ry0zqweL/

This is just one way to approach the problem - there are many ways to optimize and enhance this solution.

Answer 6

When you need to iterate through object properties, using <code>Object.keys

can be very helpful. Here's an example specific to your object:

var namelist = [],
  countList = [],
  obj = {
    "id": "622",
    "name": "main",
    "sub": {
      "637": {
        "id": "637",
        "name": "name 1",
        "stats": {
          "count": 5
        }
      },
      "638": {
        "id": "638",
        "name": "name 2",
        "stats": {
          "count": 10
        }
      }
    }
  };

Object.keys(obj.sub).forEach(function(item) {
    namelist.push(obj.sub[item].name);
    countList.push(obj.sub[item].stats.count);
});

console.log(namelist, countList);

If you'd like to see this code in action, check out this working example: https://jsfiddle.net/ry0zqweL/

This is just one way to approach the problem - there are many ways to optimize and enhance this solution.

Generate two arrays in JavaScript using the information stored in an object

Answer №1

Answer №2

Answer №3

Similar questions

Techniques for manipulating multiple circles with JavaScript

How to focus on a dynamically changing input box in Vue

What is the best method for comparing two elements effectively in JavaScript?

Retrieve the Corresponding Content Inside the Div Element

Encountering a null value in my list component variable, resulting in an error when attempting to access properties (specifically 'date')

Generating and saving a text file in a React Native application

Getting rid of the scrollbar in Internet Explorer

XCODE encountered an issue while attempting to open the input file located at '/Users/name/Desktop/test/appname/node_modules/react-native-compressor/ios/Video/Compressor-Bridging-Header.h'

Tips for dynamically inserting a tabbed element into a list using AngularJS

Transform the size and convert an object from a picture into text based on the user's scrolling

What is the solution to eliminating the MultiValueDictKey error when making an AJAX get request?

Adding variable data from an external file into Google Maps V3

PHP array input with spaces in between elements on the same line, without any new line

Comparing values in an array with PHP

The information retrieved from the API call did not meet my expectations; instead, it returned as undefined

Storing a function in local storage using Javascript

Having trouble with a basic image carousel function?

Unexpected result when trying to return a value from a recursive function

Custom Script for Single Tumblr Entry

Tips for designing a hyperlink insertion modal while preserving text selection