Perform a task for every object in an array JavaScript

Question

I have an array in JavaScript, I would like the code to display each of the items in the array in an h1 element. How do I do this?

This is my idea so far:

names = ["Jeff", "Steve", "Bill"];

function show() {
  let card = document.createElement('div');
  card.innerHTML = '<h1>${names}</h1>';
  document.body.appendChild(card);
}

<button onclick="show()">Click to show</button>

How do i have it so that each h1 element represents each value of the names array?

Anurag Srivastava · Accepted Answer · 2020-04-01 23:11:19Z

2

Use .forEach():

const names = ["Jeff", "Steve", "Bill"];

function show() {
  let card = document.createElement('div');
  names.forEach(name => {
    card.innerHTML += `<h1>${name}</h1>`
  });
  document.body.appendChild(card);
}

<button onclick="show()">Click to show</button>

answered Apr 1, 2020 at 23:11

Anurag Srivastava

14.5k4 gold badges39 silver badges47 bronze badges

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

1 Comment

Anurag Srivastava Over a year ago

@VedTiwari There are other ways too, but basically you need to iterate over the array. Do accept if the answer helped you

Collectives™ on Stack Overflow

Perform a task for every object in an array JavaScript

1 Answer 1

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related