Создание списка из массива?

199
20 марта 2018, 00:35

Здравствуйте уважаемые !

Как вывести из массива я уже понял , а вот как вывести из массива в список - вот это у меня не получается , подскажите как это делается !

Вот то что я пробовал и то что получилось :

var friends = [" Алексей", " Вячеслав", " Григорий", " Настя", " Павел"]; 
var i = 0; 
 
while (i <= friends.length - 1){ 
 
document.write(friends[i]); 
 
i = i + 1; 
 
}

Как вместо того что бы просто вывести текст из массива на страницу , обрамить тегом параграфа или списком ?

Answer 1

Обход массива в js (ссылка)

Функция forEach(item, i, arr):

item – значение элемента массива.

i – его номер.

arr – массив, который перебирается.

Списком:

var friends = [" Алексей", " Вячеслав", " Григорий", " Настя", " Павел"]; 
html = '<ul>'; 
friends.forEach(function(item, i, arr) { 
  html += '<li>'+item+'</li>'; 
}); 
html += '</ul>' 
 
document.write(html);

Или параграфом:

var friends = [" Алексей", " Вячеслав", " Григорий", " Настя", " Павел"]; 
friends.forEach(function(item, i, arr) { 
  document.write('<p>'+item+'</p>'); 
});

READ ALSO
DOM . Jquery. Задать стиль дочернему элементу
jQuery

DOM . Jquery. Задать стиль дочернему элементу

При наведении курсора на блокgrid-item надо чтоб на ЕГО дочерний элемент

 225
Как в одном input совместить два name
HTML

Как в одном input совместить два name

Как в одном input совместить два name? Есть два обработчика file и files[], их нужно совместить в одном name=''Можно ли это реализовать? Обработчик file загружает...

 271
Проблемы с передачей данных сайта с одного языка програмирования на другой
HTML

Проблемы с передачей данных сайта с одного языка програмирования на другой

У меня возникла проблема с передачей данных из javascript в php и из php в html при передаче параметров вместо тех параметров которые я передал выводит...

 191
Как создать подсказки
HTML

Как создать подсказки

Вся суть: 1Пользователь заполняет форму 2

 224