map function usage in frontend

Acoustic_Ng answered on July 12, 2022 Popularity 1/10 Helpfulness 1/10

answer map function usage in frontend

map function usage in frontend

Comment

let cont = document.getElementById('#container');
  
let users = [
    { firstName : "John", lastName: "Doe", age: 17 },
    { firstName : "Stephen", lastName: "Matt", age: 16 },
    { firstName : "Abigail", lastName: "Susu", age: 15 }
];
  
let singleUser = users.map((user)=>{
    // Let's add the firstname and lastname together
    let fullName = user.firstName + ' ' + user.lastName;
    return `
      <h3 class='name'>${fullName}</h3>
      <p class="age">${user.age}</p>
    `
});
  
container.innerHTML = singleUser;

Popularity 1/10 Helpfulness 1/10 Language javascript

Source: stackabuse.com

Tags: frontend javascript map-function

Link to this answer
Share Copy Link

Contributed on Jul 12 2022

Acoustic_Ng

0 Answers Avg Quality 2/10

map function usage in frontend

Contents

More Related Answers

map function usage in frontend

Grepper

Documentation

Social

Legal

Contact

Oops, You will need to install Grepper and log-in to perform this action.