Массивы в Javascript

Всем доброго времени суток. На связи Алексей Гулынин. В прошлой статье мы разобрали конструкцию switch case в javascript. В данной статье я бы хотел рассказать, что такое массивы в Javascript. Понятие массива играет важную роль не только в Javascript, но и во всем программировании. Переменная, типа массив, содержит в себе не один элемент, а несколько. Синтаксис создания массива следующий:

var mas = new Array(значение1, значение2,..., значениеN);

В данном случае создаётся переменная mas типа массив со значениями, указанными в скобках. Обращаю ваше внимание, что массив создаётся с помощью ключевого слова new. Обращаться к элементам массива можно, указав имя массива и в квадратных скобках индекс массива. Индекс массива задаётся с нуля. Давайте приведу пример массива, состоящего из 4 элементов и выведу 2 элемент:

<script type="text/javascript">
var mas = new Array("privet", 1, 10, 5);
document.write("Второй элемент массива = "+mas[2]); // будет выведено число 10
</script>

Если мы поставим mas[0], то будет выведено "privet", так как индексация массива начинается с нуля. Давайте теперь разберемся, как вывести все элементы массива. Для этого нужно воспользоваться циклом. Помимо знания циклов в Javascript, необходимо знать свойство массивов length, которое возвращает количество элементов массива (или по-другому его длину). Давайте выведем длину массива mas:

<script type="text/javascript">
var mas = new Array("privet", 1, 10, 5);
document.write("Длина массива = "+mas.length); // будет выведено число 4
</script>

Вывод всех элементов массива:

<script type="text/javascript">
var mas = new Array("privet", 1, 10, 5);
var i;
for (i = 0; i < mas.length; i++) 
	document.write(mas[i]+" ");
</script>

Пока что, мы с вами рассматривали одномерные массивы. Вообще массивы могут быть многомерными. Главное необходимо понимать, что, например двумерный массив — это массив элементами которого являются массивы. Давайте с вами разберем такую задачу: необходимо создать двумерный массив 3 на 3, элементы которого задаются пользователем и вывести этот массив. Здесь будем использовать оператор prompt для запроса числа у пользователя:

<script type="text/javascript">
var mas = new Array(); //объявляем массив
const n = 3; //объявляем константу, т.е. массив у нас размером 3 на 3
//для задания двумерного массива необходимо использовать двойной цикл
var i;
var j;
for (i = 0; i < n; i++) {
	mas[i] = new Array();//Здесь мы как раз каждый элемент массива делаем массивом
	for (j = 0; j < n; j++) {
		mas[i][j] = prompt("[" + i +","+j+"]= " ,"..."); //запрашиваем число у пользователя
			}
		}
for (i = 0; i < n; i++) {
	for (j = 0; j < n; j++) {
		document.write("[" + i +","+j+"]= "+ mas[i][j]);} //выводим элемент массива
		document.write("</br>"); //переход на новую строку после каждой заполненной строки массива
		}
</script>

В нашем случае двумерный массив соответствует (для примера) такой структуре: mas=[[1,2,3],[4,5,6],[7,8,9]]. Видно, что у массива 3 элемента, каждый из которых является сам массивом.

Изначально задача Javascript’а была в том, чтобы делать динамические сайты. В своей практике я нигде не использовал двумерные массивы, только одномерные, так что тех знаний по массивам, которые вы получили из данной статьи, будет вполне достаточно. В одной из следующих статей я расскажу об объекте Array, его свойствах и методах.

Домашнее задание: создать двумерный массив 3 на 3 (числа запрашивать у пользователя) и найти максимальный элемент в каждой строке. Полученный результат представить в виде одномерного массива и вывести на экран.

В данной статье вы узнали, что такое массивы в Javascript.

На связи был Алексей Гулынин, оставляйте свои комментарии, увидимся в следующих статьях.