Простой и эффективный способ вывести массив в столбец с помощью JavaScript

Однако, есть несколько способов решения этой задачи в JS. Рассмотрим наиболее популярный и простой из них.

В коде, выглядет это следующим образом:

function printArrayInColumn(array) {for (let i = 0; i < array.length; i++) {document.write(array[i] + "
");}}

Теперь, чтобы вывести массив в столбец, достаточно вызвать эту функцию и передать в нее нужный массив. Например:

let myArray = ["элемент 1", "элемент 2", "элемент 3"];printArrayInColumn(myArray);

В результате выполнения данного кода, вам будет выведен массив в столбец:

элемент 1элемент 2элемент 3

Таким образом, использование цикла for и функции printArrayInColumn позволяет легко и быстро вывести массив в виде списка столбцом в JavaScript.

Как вывести массив в JavaScript в столбец

Пример кода:


let myArray = [1, 2, 3, 4, 5];
for(let i=0; i
    document.write(myArray[i] + "
");
}


1
2
3
4
5


Обратите внимание, что данный код работает только в среде браузера или в среде Node.js.

Использование цикла for

Ниже приведен пример кода:

var arr = [1, 2, 3, 4, 5];for(var i = 0; i < arr.length; i++){document.write(arr[i] + '<br>');}

Результат выполнения кода:

12345

Использование функции map

Для начала, объявим наш массив:

var array = [1, 2, 3, 4, 5];

Затем, мы можем использовать функцию map для создания нового массива, в котором каждый элемент будет обернут в тег <tr>, что создаст отдельную строку в таблице:

var newArray = array.map(function(element) {return '<tr><td>' + element + '</td></tr>';});

Теперь у нас есть новый массив newArray, в котором каждый элемент представляет собой строку, содержащую элемент из исходного массива в отдельной ячейке таблицы.

Далее, мы можем объединить все элементы массива в одну строку с помощью метода join:

var tableData = newArray.join('');

Теперь переменная tableData содержит все элементы массива объединенные в одну строку. Мы можем использовать эту строку для создания таблицы в HTML-коде:

<table><tbody>' + tableData + '</tbody></table>

Таким образом, мы получаем массив, выведенный в столбец с помощью функции map и создания таблицы в HTML-коде.

С использованием метода join

let arr = [1, 2, 3, 4, 5];

let column = arr.join('
');

После выполнения кода переменная column содержит следующую строку:

"1
2
3
4
5"

Теперь остается только вывести эту строку в нужное место на веб-странице, например, в элемент с идентификатором output:

document.getElementById('output').innerHTML = column;

Где элемент с идентификатором output должен быть задан в HTML-разметке:

<div id="output"></div>

После исполнения кода на странице будет отображен следующий результат:

1
2
3
4
5