Как вывести все элементы массива на JavaScript

При написании кода, часто сталкиваюсь с необходимостью узнать, какие элементы содержатся в текущем массиве. Лучшим способом узнать, что внутри массива, я считаю, вывести все элементы на экран. Сейчас расскажу, как я это делаю.

Допустим у нас такой массив:
var arr = ['Фонарик', 'Мышь', 'Динамик', 'Вода', 'Ручка'];

Все делаю через alert и самый простой способ это просто вставить arr в alert:
alert(arr);

На экране увидим такое сообщение:
Фонарик,Мышь,Динамик,Вода,Ручка

Все просто и доступно. Однако все слитно и, например, если какой то элемент будет содержать в себе запятую, то это может привести к ошибочному результату, так как разработчик не сможет отличить целый элемент от элемента с запятой. Чтобы этого не произошло, можно добавить разделитель:
alert(arr.join(' | '));

В данном случае, разделителем будет | , но вы можете подставлять любой, удобный для вас знак. Можно в качестве разделителя использовать перенос на новую строку:
alert(arr.join("\n"));

Результаты с разделителем будут таковы: С разделителем | :
Фонарик | Мышь | Динамик | Вода | Ручка

С переносом на новую строку в качестве разделителя, результат будет таким:
Фонарик
Мышь
Динамик
Вода
Ручка

Если надо вывести каждый элемент по отдельности, то можно использовать цикл, например, for:
for (i = 0; i < arr.length; i++) {
	alert(arr[i]);
};

Вот собственно и все. Надеюсь, вам пригодится.