Массивы JavaScript

Массивы JavaScript элементов, объектов. Добавление, сортировка, методы.


Объявление (создание) массива.

let fruits = [];

Объявление массива с начальными значениями элементов.

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, центральный элемент


Понравилась страница? Поделитесь ссылкой в социальных сетях. Поддержите проект!