Generating intricate arrays from a given list

Question

Generating intricate arrays from a given list

If I have an array containing various items like the following:

[
    ["Core", "Mathematics", "Mathematics 20-4"],
    ["Core", "Mathematics", "Mathematics 30-1"],
    ["Other", "Fine Arts", "Art", "some art course"],
    ["Other", "Fine Arts", "Music", "some music course"],
    ["Other", "Forensics", "some forensics course"],
    ["French Immersion", "Core", "Mathématiques", "Mathématiques 30-1"]
]

The structure being "Department -> Subject -> Course".

I am looking to generate a dynamic Array (or Object) in the format below (or any other logical structure)...

{
    subjects: [
        {
            title: "Mathematics", courses: [ "Mathematics 20-4", "Mathematics 30-1" ]
        },
        {
            title: "Mathématiques", lang: "fr", courses: [ "Mathématiques 30-1" ]
        }
    ],
    other: {
        subjects: [
            {
                title: "Forensics", courses: [ "some forensics course" ]
            },
            {
                title: "Fine Arts", subjects: [
                    {
                        title: "Art", courses: [ "some art course" ]
                    },
                    {
                        title: "Music", courses: [ "some music course" ]
                    }
                ]
            }
        ]
    }
}

The "Other" department does not strictly adhere to the "Subject -> Course" hierarchy and can vary with "Subject -> Subject -> Course" and "Subject -> Course". Introducing a type attribute such as "course" or "subject" may be helpful, but maintaining a hierarchical structure is preferred.

I have been struggling to dynamically convert this into an Array or Object structure.

javascript arrays multidimensional-array

Answer 1

Answer №1

let classes = {};
for(let i = 0; i < arr.length; i++){
   let department = arr[i][0];
   let subject = arr[i][1];
   let course = arr[i][2];
   classes[department] = classes[department] || {};
   classes[department][subject] =  classes[department][subject] || [];
   classes[department][subject].push(course);
}

This code snippet will create an object structured like this:

classes = {
   core:{
     mathematics:["math1", "math2"],
     english: ["english1,"english2"]
   }
  Other:{
    "Fine Arts":[...],
    "Forensics":[...]
  }

}

If you want to access an array of courses for a specific subject, you can do so by using the following syntax:

let courseList = classes[<department>][<subject>];

Answer 2

let classes = {};
for(let i = 0; i < arr.length; i++){
   let department = arr[i][0];
   let subject = arr[i][1];
   let course = arr[i][2];
   classes[department] = classes[department] || {};
   classes[department][subject] =  classes[department][subject] || [];
   classes[department][subject].push(course);
}

This code snippet will create an object structured like this:

classes = {
   core:{
     mathematics:["math1", "math2"],
     english: ["english1,"english2"]
   }
  Other:{
    "Fine Arts":[...],
    "Forensics":[...]
  }

}

If you want to access an array of courses for a specific subject, you can do so by using the following syntax:

let courseList = classes[<department>][<subject>];

Answer 3

Answer №2

After being inspired by @ben336, @user1787152 and checking out the discussion on DevShed forum thread, I developed the following code:

var Department,
    departments = [];

Department = function(title) {
    this.title = title;
    this.subjects = [];
};

function parseTitles( titles )
{
    var i, department, departmentTitle,
        hasDepartment = false;

    departmentTitle = titles.shift();

    for (i=0; i<departments.length; i++) {
        if (departments[i].title === departmentTitle) {
            hasDepartment = true;
            break;
        }
    }

    if (!hasDepartment) {
        department = new Department(departmentTitle);
        departments.push(department);
    }

    departments[i].subjects = titles;
}

The subjects are used for navigation purposes, with courses retrieved via JSON queries. Subjects are stored in an Array format, allowing for querying JSON data for courses when the last subject is clicked.

I aim to acknowledge @ben336 for providing the initial answer and give credit where it's due.

Answer 4

After being inspired by @ben336, @user1787152 and checking out the discussion on DevShed forum thread, I developed the following code:

var Department,
    departments = [];

Department = function(title) {
    this.title = title;
    this.subjects = [];
};

function parseTitles( titles )
{
    var i, department, departmentTitle,
        hasDepartment = false;

    departmentTitle = titles.shift();

    for (i=0; i<departments.length; i++) {
        if (departments[i].title === departmentTitle) {
            hasDepartment = true;
            break;
        }
    }

    if (!hasDepartment) {
        department = new Department(departmentTitle);
        departments.push(department);
    }

    departments[i].subjects = titles;
}

The subjects are used for navigation purposes, with courses retrieved via JSON queries. Subjects are stored in an Array format, allowing for querying JSON data for courses when the last subject is clicked.

I aim to acknowledge @ben336 for providing the initial answer and give credit where it's due.

Generating intricate arrays from a given list

Answer №1

Answer №2

Similar questions

What is the process for inserting a scroll bar within a div element?

Guide on verifying the accessibility of individual directories within a file path in Unix/Bash

Searching for a specific collection item based on a custom property (excluding _id) in Meteor - what's the best approach?

Error encountered: Attempting to use a class as a function in vue-socket.io is not permitted

The elimination function in JavaScript

Should Errors be Handled in the Service Layer or the Controller in the MVC Model?

Different ways to resize an image in various sizes without relying on PHP thumb

Achieving left alignment for Material-UI Radio buttons: Float them left

Encountering a Issue in Transmitting Data from Laravel Controller to Ajax using Jquery GET Method with

Ways to retrieve the chosen option in a dropdown list without specifying the dropdown's name, id,

Searching for and replacing text that spans across multiple nodes in HTML can be accomplished using C# programming language

Does it have .hasOwnProperty and a significant value?

Error 404: This page seems to have gone missing. Django and react-router

Sequelize makes it easy to input records into various tables simultaneously

Encountering an issue while attempting to replicate the Spotify app on localhost:3000. The error message "TYPEERROR: Cannot read property 'url' of undefined" is hind

"Switching Classes with a Click Event: A Step-by-

Retrieve data from a server using an Ajax GET request to access information stored within an HTML

Tips on saving an array as a variable

Include the button beneath the Rating section using JQuery or AJAX

Remove the innerHTML content of dynamically added elements using jQuery