Loop through the elements of one array using the indexes from a second array

Question

Loop through the elements of one array using the indexes from a second array

Hey there! I need help with the following code snippet:

let names = ["josh", "tony", "daniel"];  
let arrayplaces = ["30", "60", "90"];

names.forEach((elem, indexed) => {
  const num2 = arrayplaces[indexed];
  console.log('The user ' + elem + ' iterated in place ' + num2);
});

I'm trying to iterate through each element of the first array and pair it with each element of the second array sequentially. The goal is to output all possible combinations.

Expected Output Example:

The user josh iterated in place 30
The user tony iterated in place 30
The user daniel iterated in place 30

The user josh iterated in place 60
The user tony iterated in place 60
The user daniel iterated in place 60

The user josh iterated in place 90
The user tony iterated in place 90
The user daniel iterated in place 90

If you have any idea on how to achieve this, please let me know!

javascript arrays loops

Answer 1

Answer №1

To achieve this, you can nest loops for both arrays.

let names = ["josh","tony","daniel"];  
let arrayplaces = ["30", "60", "90"];

arrayplaces.forEach((element)=> {
  names.forEach((elem) => {
  console.log('The user ' + elem + ' iterated in place ' + element);
  });
 console.log('');
});

Answer 2

To achieve this, you can nest loops for both arrays.

let names = ["josh","tony","daniel"];  
let arrayplaces = ["30", "60", "90"];

arrayplaces.forEach((element)=> {
  names.forEach((elem) => {
  console.log('The user ' + elem + ' iterated in place ' + element);
  });
 console.log('');
});

Answer 3

Answer №2

To go through every element in the arrayplaces array with each name, you will need two nested loops.

const names = ['josh', 'tony', 'daniel'];
const arrayplaces = ['30', '60', '90'];

names.forEach((elem, indexed) => {
  names.forEach((elem2) => {
    const num2 = arrayplaces[indexed];
    console.log(`The user ${elem2} iterated in place ${num2}`);
  });
});

Answer 4

To go through every element in the arrayplaces array with each name, you will need two nested loops.

const names = ['josh', 'tony', 'daniel'];
const arrayplaces = ['30', '60', '90'];

names.forEach((elem, indexed) => {
  names.forEach((elem2) => {
    const num2 = arrayplaces[indexed];
    console.log(`The user ${elem2} iterated in place ${num2}`);
  });
});

Answer 5

Answer №3

To accomplish the task, make sure to iterate through both arrays.

for (let place of arrayplaces) {
    for (let name of names) {
        console.log(`The user ${name} visited place ${place}`)
    }
    console.log('\n')
}

Answer 6

To accomplish the task, make sure to iterate through both arrays.

for (let place of arrayplaces) {
    for (let name of names) {
        console.log(`The user ${name} visited place ${place}`)
    }
    console.log('\n')
}

Loop through the elements of one array using the indexes from a second array

Answer №1

Answer №2

Answer №3

Similar questions

Guide on transforming a JSON string into an array of custom objects using the json2typescript NPM module within a TypeScript environment

wordpress widget that triggers a function when a click event occurs on jquery

Associating user input information with an AngularJS object

PHP's mechanisms for iterating through collections and storing vast amounts of

Creating an interface that accurately infers the correct type based on the context

Preventing autocomplete from filling in empty password fields (React.js)

What is the best way to retrieve all records from a MongoDB collection?

"Enhance Your Sublime 3 Experience with a Jade Syntax Highlighter, Linting, Auto Complete, and

Using ng-style to apply a background image with a dynamic id

Extracting the magnifying glass from the picture

Accessing JSON data model from Ember route or controller

Sending AJAX data from VIEW to CONTROLLER in PHP (MVC) using AJAX: A step-by-step guide

Having trouble resolving a component from a component library while utilizing NPM link

Utilizing a captured group from a regular expression as a key in replacing a string

Is there a way to modify the CSS display property upon clicking a link or button?

Developing a side panel for navigation

Encountered an error while trying to set up the route due to Router.use() needing

JavaScript Bug Report

Retrieve a JSON array using an HTTP Get request in JavaScript (with jQuery)

How to remove the initial negative value present in an array using C#