Формирование HTML по запросу в Express

Пусть у нас есть некоторый маршрут:

javascriptapp.get('/test/', function(req, res) {
  
});

Пусть у нас также есть переменная с некоторым HTML кодом:

javascriptlet str = `<div>
  <p>text1</p>
  <p>text2</p>
  <p>text3</p>
</div>`;

Давайте вернем этот HTML из переменной в качестве нашего ответа:

javascriptapp.get('/test/', function(req, res) {
  res.send(str);
});

Массивы

Пусть у нас есть массив:

javascriptlet arr = ['a', 'b', 'c'];

Давайте с помощью цикла сформируем из элементов этого массива список ul и отправим его в браузер:

javascriptlet arr = ['a', 'b', 'c'];

app.get('/test/', function(req, res) {
  let result = '<ul>';
  
  for (let elem of arr) {
    result += '<li>' + elem + '</li>';
  }
  
  result += '</ul>';
  res.send(result);
});

javascriptlet users = ['user1', 'user2', 'user3', 'user4', 'user5'];

Массив объектов

Пусть теперь у нас есть следующий массив объектов:

javascriptlet prods = [
  {
    name: 'prod1',
    cost: 1000,
  },
  {
    name: 'prod2',
    cost: 2000,
  },
  {
    name: 'prod3',
    cost: 3000,
  },
];

Давайте также сделаем маршрут, возвращающий все продукты в виде списка ul:

javascriptapp.get('/prods/', function(req, res) {
  let result = '<ul>';
  
  for (let prod of prods) {
    result += '<li>' + prod.name + ' ' + prod.cost + '</li>';
  }
  
  result += '</ul>';
  
  res.send(result);
});

javascriptlet users = [
  {
    name: 'user1',
    age:  31,
  },
  {
    name: 'user2',
    age:  32,
  },
  {
    name: 'user3',
    age:  33,
  },
];

javascriptlet employees = [
  {
    surname: 'surname1',
    name:    'user1',
    salary:  1000,
  },
  {
    surname: 'surname2',
    name:    'user2',
    salary:  2000,
  },
  {
    surname: 'surname3',
    name:    'user3',
    salary:  3000,
  },
];