Is there a more javascript way to handle zipping two arrays instead of using a for loop?

Question

This code works as intended based on the problem I am supposed to solve. However, as I am new to JavaScript, I was curious if this is the proper way to handle zipping two arrays. I've already read a few examples using map which seem concise, but I am more curious if there is a generally agreed upon proper method in JavaScript to do this?

var faker = require("faker");

var products = Array.from({length:10}, () => faker.commerce.productName());
var prices = Array.from({length:10}, () => faker.commerce.price())

var strOut = "";
for(var i=0; i<10; i++){
    strOut += `${products[i]} - ${prices[i]} \n`
}

console.log('====================\n'+
'WELCOME TO MY SHOP!\n'+
'====================\n'+
`${strOut}`);

You may have a reason for zipping, but the most common advice is "Don't use parallel arrays." A single array that contains objects such as { "product" : "some product", "price" : 5.99 } is a better structure. — Stephen P
– Stephen P, Commented Sep 28, 2018 at 0:20

Sasha · Accepted Answer · 2018-09-28 00:42:08Z

3

1) reduce:

const strOut = products.reduce(
  (result, product, index) => `${result} ${product} ${prices[index]}\n`,
  ''
);

2) map + join:

const strOut = products.map( 
   (product, index) => `${product} ${prices[index]}`
).join("\n");

second argument of map's callback is the array index, you can use it for second array.

edited Sep 28, 2018 at 0:42

answered Sep 28, 2018 at 0:23

Sasha

5,9441 gold badge22 silver badges38 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

Is there a more javascript way to handle zipping two arrays instead of using a for loop?

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related