Массивы JavaScript
Массивы позволяют хранить данные упорядоченных коллекций.
Объявление (создание) массива
let fruits = [];
//или
let fruits = new Array();
Объявление массива с начальными значениями элементов.
let fruits = ["Яблоко", "Апельсин", "Слива"];
Работа с элементами
Получить элемент, указав его номер. Первый элемент имеет индекс = 0.
alert( fruits[0] ); // Яблоко
alert( fruits[1] ); // Апельсин
alert( fruits[2] ); // Слива
В массиве могут храниться элементы любого типа.
// разные типы значений
let arr = [ "Яблоко", { name: "Джон" }, true, function() { alert("привет"); } ];
// получить элемент с индексом 1 (объект) и затем показать его свойство
alert( arr[1].name ); // Джон
// получить элемент с индексом 3 (функция) и выполнить её
arr[3](); // привет
Заменить элемент.
fruits[2] = "Груша"; // теперь ["Яблоко", "Апельсин", "Груша"]
Добавить элемент.
fruits[3] = "Лимон"; // теперь ["Яблоко", "Апельсин", "Груша", "Лимон"]
Добавить элемент в конец массива.
fruits.push("Слива"); // теперь ["Яблоко", "Апельсин", "Груша", "Лимон", "Слива"]
Можно добавлять сразу несколько элементов.
let fruits2 = ["Яблоко"];
fruits2.push("Апельсин", "Груша");
// ["Яблоко", "Апельсин", "Груша"]
Добавить элемент в начало массива.
fruits.unshift("Персик"); // теперь ["Персик", "Яблоко", "Апельсин", "Груша", "Лимон", "Слива"]
Можно добавлять сразу несколько элементов.
let fruits2 = ["Яблоко"];
fruits2.unshift("Ананас", "Лимон");
// ["Ананас", "Лимон", "Яблоко"]
Удалить элемент в конце массива.
fruits.pop(); // теперь ["Персик", "Яблоко", "Апельсин", "Груша", "Лимон"]
Удалить первый элемент из массива. Индексы элементов сдвигаются.
fruits.shift(); // теперь ["Яблоко", "Апельсин", "Груша", "Лимон"]
Работа с массивом
Размер массива (порядковый номер последнего элемента и надо прибавить, к нему, единицу).
fruits.length;
Уменьшение массива.
let mas = [“мышка”, “клавиатура”, “монитор”];
mas.length = 2;
console.log(mas);//Выведет [“мышка”, “клавиатура”]
Очистка массива.
fruits.length = 0;
Многомерный массив
let matrix = [
[1, 2, 3],
[4, 5, 6],
[7, 8, 9]
];
alert( matrix[1][1] ); // 5, центральный элемент