A guide on displaying multi-dimensional arrays and single-dimensional arrays together using a for loop

Question

A guide on displaying multi-dimensional arrays and single-dimensional arrays together using a for loop

I have a coding challenge where I need to output a specific set of hobbies for each day of the week. The desired result is as follows:

My hobbies on Mondays are Poker, VideoGames

My hobbies on Tuesday are Board Games, Hiking, Rockclimbing

My hobbies on Wednesdays are Driving, Shopping

I've been trying to accomplish this using nested for loops, but I'm encountering some difficulties. While I can successfully list out the weekdays, I'm struggling to access and display all elements of the multi-dimensional hobbies array corresponding to each day.

Is there anyone who could provide guidance on how to achieve this?

var hobbies = ['Poker','VideoGames'];

              ['Board Games', 'Hiking', 'Rockclimbing'];

              ['Driving', 'Shopping'];

const weekdays = ["Monday", "Tuesday", "Wednesday"];

for (i = 0; i < 3; i++) {
console.log("My hobbies on", weekdays[i], "are ");
for (x = 0; x < 5; x++)
  console.log(hobbies[?]);
}

javascript arrays for-loop

Answer 1

Answer №1

Here is the essential piece of code you've been searching for:

let passions = [['Skiing', 'Reading'],
               ['Painting', 'Cooking', 'Cycling'],
               ['Dancing', 'Photography']];

const workdays = ["Thursday", "Friday", "Saturday"];

for (i = 0; i < 3; i++) {
    console.log("My interests on " + workdays[i] + " include " + passions[i].join(', '));
}

Answer 2

Here is the essential piece of code you've been searching for:

let passions = [['Skiing', 'Reading'],
               ['Painting', 'Cooking', 'Cycling'],
               ['Dancing', 'Photography']];

const workdays = ["Thursday", "Friday", "Saturday"];

for (i = 0; i < 3; i++) {
    console.log("My interests on " + workdays[i] + " include " + passions[i].join(', '));
}

Answer 3

Answer №2

Essentially, the process involves iterating through arrays to obtain the desired outcome.

var activities = [
  ['Skiing', 'Swimming'],

  ['Fishing', 'Cycling', 'Running'],

  ['Reading', 'Cooking']
];

const days = ["Monday", "Tuesday", "Wednesday"];

for (i = 0; i < activities.length; i++) {
  console.log("My activities on", days[i], "are "+ activities[i].join() );
}

Revised code for handling errors.

function getDayName(index){
    const days = ["Monday", "Tuesday", "Wednesday"];
    if(index < days.length){
      return days[i];
    }
    
    return 'X';

}

var hobbies = [
      ['Singing', 'Dancing'],

      ['Painting', 'Cooking', 'Gardening'],

      ['Writing', 'Shopping'],
      ['Drawing', 'Running']
    ];


    for (i = 0; i < hobbies.length; i++) {
      console.log("My hobbies on", getDayName(i), "are "+ hobbies[i].join() );
    }

Answer 4

Essentially, the process involves iterating through arrays to obtain the desired outcome.

var activities = [
  ['Skiing', 'Swimming'],

  ['Fishing', 'Cycling', 'Running'],

  ['Reading', 'Cooking']
];

const days = ["Monday", "Tuesday", "Wednesday"];

for (i = 0; i < activities.length; i++) {
  console.log("My activities on", days[i], "are "+ activities[i].join() );
}

Revised code for handling errors.

function getDayName(index){
    const days = ["Monday", "Tuesday", "Wednesday"];
    if(index < days.length){
      return days[i];
    }
    
    return 'X';

}

var hobbies = [
      ['Singing', 'Dancing'],

      ['Painting', 'Cooking', 'Gardening'],

      ['Writing', 'Shopping'],
      ['Drawing', 'Running']
    ];


    for (i = 0; i < hobbies.length; i++) {
      console.log("My hobbies on", getDayName(i), "are "+ hobbies[i].join() );
    }

Answer 5

Answer №3

There are numerous approaches to achieve this, but I recommend starting with a JavaScript course or a data structure course first.

While I could provide different solutions, I suggest editing your own code since you have a better understanding of it that way.

var hobbies_ = [
    ['Poker','VideoGames'],
    ['Board Games', 'Hiking', 'Rockclimbing'],
    ['Driving', 'Shopping']
];

var weekdays_ = ["Monday", "Tuesday", "Wednesday"];


for (i = 0; i < weekdays_.length; i++) {
    let day_hobbies ='';
    for (x = 0; x < hobbies_[i].length ; x++)
    {
        if(i == 0){
            day_hobbies += `${ hobbies_[x] }`;
            }else{
            day_hobbies += `, ${ hobbies_[x] }`;
        }

    }
    console.log("My hobbies on", weekdays_[i], "are ",day_hobbies);
}

Answer 6

There are numerous approaches to achieve this, but I recommend starting with a JavaScript course or a data structure course first.

While I could provide different solutions, I suggest editing your own code since you have a better understanding of it that way.

var hobbies_ = [
    ['Poker','VideoGames'],
    ['Board Games', 'Hiking', 'Rockclimbing'],
    ['Driving', 'Shopping']
];

var weekdays_ = ["Monday", "Tuesday", "Wednesday"];


for (i = 0; i < weekdays_.length; i++) {
    let day_hobbies ='';
    for (x = 0; x < hobbies_[i].length ; x++)
    {
        if(i == 0){
            day_hobbies += `${ hobbies_[x] }`;
            }else{
            day_hobbies += `, ${ hobbies_[x] }`;
        }

    }
    console.log("My hobbies on", weekdays_[i], "are ",day_hobbies);
}

A guide on displaying multi-dimensional arrays and single-dimensional arrays together using a for loop

Answer №1

Answer №2

Answer №3

Similar questions

Managing additional components in request JSON when communicating with DialogFlow, previously known as Api.ai

What are the common reasons for jQuery Image Slider malfunctioning?

Location of Ajax callback function

Error encountered: Unable to access the 'Lastname' property as it is undefined

AngularJS triggers after the completion of Ajax requests

What is the process for plotting specific data points in MATLAB?

Unable to reach the sub-component of the JSON object that was returned

Using Cache API for MVC Views

Creating a calculator with JavaScript event listeners - easy steps to follow!

What is the best way to utilize AJAX for displaying data within a div element?

Error: Unable to access the 'addLayer' property of an undefined object in the leaflet library

HTTP request in Angular with specific body content and custom headers

Setting default zoom level for Google Map in HTML

Issue with jQuery's outerHeight() function persisting despite attempting to fix it with jQuery(window).load()

Initiate animation on command with either Jquery or JavaScript

Information bubble from HERE Maps -

- Tips for preventing requests from being blocked in Node.js

Improve the looping mechanism to efficiently extract key values from an object and store them in an array

Filtering an array in Angular JS based on user input

Pattern matching to find occurrences of their, their's, theirs, theirs, and theirs' using regular expressions