Finding the required object from a submenu in an array using JavaScript

Question

Finding the required object from a submenu in an array using JavaScript

Hi there, I'm having some trouble with my code below. I am trying to print the title object from the submenu object, but I keep getting this error: Output: undefined 2 3

Here is the code:

const menu = [
        {
            title : "1",
            submenu :[
                {
                    title : 'gilbert lua',
                },
                {
                    title : 'pemai',
                },
            ],
        },
        {
            title : "2",
        },
        {
            title : "3",
        }
    ];
    
const data = menu.map((e)=> {
    test(e.submenu,e.title)
});
function test(e,f){
    // const submenu = e.title;
     const testing = e? (e.title) : (f);
     console.log(testing);
}

Thank you

javascript arrays

Answer 1

Answer №1

The logic behind the code

const testing = e? (e.title) : (f);

is that if the variable e is not null, it represents an array, and we can then utilize the forEach method to iterate over and print the elements in this array.

Note: It is generally discouraged to use the map method for iterating over elements instead of the more appropriate forEach method.

const menu = [
        {
            title : "1",
            submenu :[
                {
                    title : 'gilbert lua',
                },
                {
                    title : 'pemai',
                },
            ],
        },
        {
            title : "2",
        },
        {
            title : "3",
        }
    ];
    
const data = menu.map((e)=> {
    test(e.submenu,e.title)
});
function test(e,f){
     if(e){
       e.forEach(i => {
         console.log(i.title)
       })
     }else{
       // based on your question, this line may possibly be unnecessary
       console.log(f)
     }
}

Answer 2

The logic behind the code

const testing = e? (e.title) : (f);

is that if the variable e is not null, it represents an array, and we can then utilize the forEach method to iterate over and print the elements in this array.

Note: It is generally discouraged to use the map method for iterating over elements instead of the more appropriate forEach method.

const menu = [
        {
            title : "1",
            submenu :[
                {
                    title : 'gilbert lua',
                },
                {
                    title : 'pemai',
                },
            ],
        },
        {
            title : "2",
        },
        {
            title : "3",
        }
    ];
    
const data = menu.map((e)=> {
    test(e.submenu,e.title)
});
function test(e,f){
     if(e){
       e.forEach(i => {
         console.log(i.title)
       })
     }else{
       // based on your question, this line may possibly be unnecessary
       console.log(f)
     }
}

Finding the required object from a submenu in an array using JavaScript

Answer №1

Similar questions

Designing a system that effectively handles subtract requests from clients on a server

Reconfigure an ancestral item into a designated key

Error Checking in AngularJS Form Submission

Combining PHP Arrays to Create a 2D Array

The concept of AJAX send function and toggling button visibility

Utilizing React to implement a search functionality with pagination and Material UI styling for

What could be causing the CastError: Cast to ObjectId failed in my code?

Displaying a div when hovering over it, and keeping it visible until clicked

Locate a deeply nested element within an array of objects using a specific string identifier

Experiencing difficulties while iterating through a basic JSON array

Refresh the table every couple of seconds

Difficulty encountered when trying to use Bootstrap tooltip with Bootstrap icon

Managing JSON Forms using jQuery on Google's App Engine

What is the best way to transform an integer array into a single integer value

Formatting specific elements within an array

Ways to pass data to a different module component by utilizing BehaviourSubject

What could be the reason behind the appearance of borders in my modal window?

How to submit a textarea with the enter key without needing to refresh the page

Challenges with JavaScript fetching JSON information

Using canvas to smoothly transition an object from one point to another along a curved path