Webzone Публикации Javascipt Javascript - Массивы

Javascript - Массивы

17:42 , 07 Август 2019
Javascript - Массивы

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

Если еще проще, массив - это специальная переменная, которая может содержать несколько значений одновременно.


Существует три способа построения массива в JavaScript:

1. Literal массива, который использует квадратные скобки.
2. Создавая экземпляр массива напрямую (используя новое ключевое слово).
3. Конструктор массива, в котором используется новое ключевое слово.



1. Literal массив


var days = ["Sunday","Monday","Tuesday"];



2. Создание экземпляра массива напрямую


var days = new Array();
days[0] = "Sunday";
days[1] = "Monday";
days[2] = "Tuesday";



3. Array Constructor


var days=new Array("Sunday","Monday","Tuesday");




Методы массива:


Свойство длины

Массивы в JavaScript основаны на нуле. Это означает, что JavaScript начинает отсчет с нуля, когда он индексирует массив. Если массив JavaScript имеет пять элементов, то свойство length для этого массива будет иметь значение 5 (пять). Но если массив JavaScript имеет пять элементов, последний элемент имеет индекс 4. Это связано с тем, что массивы JavaScript основаны на нулевом значении. Свойство length объекта, являющегося экземпляром типа Array, устанавливает или возвращает количество элементов в этом массиве.



var days=new Array("Sunday","Monday","Tuesday","wednesday","Thursday");
alert(days.length);


Результат: 5



Looping Array

Вы можете использовать «for» для итерации по массивам JavaScript


var days=new Array("Sunday","Monday","Tuesday","Wednesday","Thursday");
daysLen = days.length;
for (i = 0; i < daysLen; i++) {
  alert(days[i]);
}


Результат:
Sunday
Monday
Tuesday
Wednesday
Thursday



Добавить элемент в конец массива


var days=new Array("Sunday","Monday","Tuesday");
days.push("wednesday");
for (let day of days) {
  alert( day );
}


Результат:
Sunday
Monday
Tuesday
Wednesday


Удалить из конца массива


var days=new Array("Sunday","Monday","Tuesday","wednesday","Thursday");
days.pop();
days.pop();
for (let day of days) {
  alert( day );
}


Результат:
Sunday
Monday
Tuesday



Изменение элементов в массивах

Доступ к элементам массива осуществляется с использованием номера индекса. Используя этот номер индекса, вы можете изменить элемент в массиве.



var days=new Array("Sunday","Tuesday","wednesday");
days[0] = "Monday" ;
for (let day of days) {
  alert( day );
}


Результат:
Monday
Tuesday
Wednesday



Найти индекс элемента в массиве

JavaScript indexOf() метод возвращает индекс первого вхождения значения в массив.



var days=new Array("Sunday","Monday","Tuesday","wednesday");
var idx = days.indexOf("Tuesday");
alert(idx);


Результат:2



Array.sort

Метод JavaScript Array.sort() сортирует элементы в массиве либо в алфавитном, либо в цифровом, также вы можете сортировать восходящий или нисходящий. Порядок сортировки по умолчанию - алфавитный и восходящий.



var days=new Array("Sunday","Monday","Tuesday","wednesday");
days.sort();
alert(days);
days.reverse();
alert(days)


Результат:
"Sunday","Monday","Tuesday","wednesday"
"wednesday","Tuesday","Monday","Sunday"



Многомерные массивы

Многомерный массив JavaScript представляет собой массив массивов или, другими словами, массив, элементы которого состоят из массивов.



var multiArr = [
  [1, 2, 3],
  [4, 5, 6],
  [7, 8, 9]
];
alert( multiArr[1][1] );


Результат:5



Вопросы / Комментарии / Отзывы