САЙТ ДЛЯ ВЕБ РАЗРАБОТЧИКОВ НА РУССКОМ ЯЗЫКЕ

JavaScript Метод массива



Метод преобразовать массивы в строки

JavaScript метод toString() преобразует массив в строку (через запятую) значений массива.

Пример

var fruits = ["Банан", "Апельсин", "Яблоко", "Манго"];
document.getElementById("demo").innerHTML = fruits.toString();

Результат

Банан,Апельсин,Яблоко,Манго
Редактор кода »

Метод join() также соединяет все элементы массива в строку.

Он ведет себя так же, как toString(), но кроме того, вы можете указать разделитель:

Пример

var fruits = ["Банан", "Апельсин", "Яблоко", "Манго"];
document.getElementById("demo").innerHTML = fruits.join(" * ");

Результат

Банан * Апельсин * Яблоко * Манго
Редактор кода »

Выскакивание и вставление

При работе с массивами можно легко удалять элементы и добавлять новые.

Это то, что выскакивает и толкает:

Появляются элементы из массива, или толкает элементы в массив.


Выскакивание

Метод pop() удаляет последний элемент из массива:

Пример

var fruits = ["Банан", "Апельсин", "Яблоко", "Манго"];
fruits.pop();              // Удаляет последний элемент ("Манго") из fruits
Редактор кода »

Метод pop() возвращает значение, которое было "выскачено":

Пример

var fruits = ["Банан", "Апельсин", "Яблоко", "Манго"];
var x = fruits.pop();      // Вернуть значение x "Манго"
Редактор кода »

Вставление

Метод push() добавляет новый элемент в массив (в конце):

Пример

var fruits = ["Банан", "Апельсин", "Яблоко", "Манго"];
fruits.push("Киви");       //  Добавляет новый элемент ("Киви") смотрите на плоды
Редактор кода »

Метод push() возвращает новую длину массива:

Пример

var fruits = ["Банан", "Апельсин", "Яблоко", "Манго"];
var x = fruits.push("Киви");   //  Добавлено значение x равно 5
Редактор кода »

Сдвиг элементов

Сдвиг эквивалентен выскакиванию, работе над первым элементом вместо последнего.

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

Пример

var fruits = ["Банан", "Апельсин", "Яблоко", "Манго"];
fruits.shift();            // Удаляет первый элемент и "Банан" от фруктов
Редактор кода »

Метод shift() возвращает строку, которая была "сдвинута"

Пример

var fruits = ["Банан", "Апельсин", "Яблоко", "Манго"];
fruits.shift();             // Возвращает "Банан"
Редактор кода »

Метод unshift() добавляет новый элемент в массив (в начале), и старый элемент: unshift()

Пример

var fruits = ["Банан", "Апельсин", "Яблоко", "Манго"];
fruits.unshift("Лимон");    //Добавляет новый элемент "Лимон" на фрукты
Редактор кода »

Метод unshift() метод возвращает новую длину массива.

Пример

var fruits = ["Банан", "Апельсин", "Яблоко", "Манго"];
fruits.unshift("Лимон");    // Возвращает 5
Редактор кода »

Изменение элементов

Доступ к элементам массива осуществляется с помощью номера индекса:

Массив индексов начать с [0] является первым элементом массива, [1] - вторым, [2] - третьим...

Пример

var fruits = ["Банан", "Апельсин", "Яблоко", "Манго"];
fruits[0] = "Киви";        // Изменяет первый элемент фруктов на "Киви"
Редактор кода »

Свойство length предоставляет простой способ добавления нового элемента в массив:

Пример

var fruits = ["Банан", "Апельсин", "Яблоко", "Манго"];
fruits[fruits.length] = "Киви";          // Добавляет, что "Киви" в фрукты
Редактор кода »

Удаление элементов

Поскольку JavaScript массивы являются объектами, элементы могут быть удалены с помощью JavaScript оператор delete:

Пример

var fruits = ["Банан", "Апельсин", "Яблоко", "Манго"];
delete fruits[0];           // Удалить первый элемент во фруктах на undefined
Редактор кода »

Использование delete может оставить неопределенные массивы. Вместо этого используйте pop() или shift().


Соединение массива

Метод splice() может быть использован для добавления новых элементов в массиве:

Пример

var fruits = ["Банан", "Апельсин", "Яблоко", "Манго"];
fruits.splice(2, 0, "Лимон", "Киви");
Редактор кода »

Первый параметр (2) определяет позицию, в которой должны находиться новые элементы добавлено (склеено).

Второй параметр (0) определяет, сколько элементов должно быть удалено.

Остальные параметры ("Лимон" , "Киви") определите новые элементы, которые будут добавлены.


Использование splice() для удаления элементов

С умной установкой параметра, вы можете использовать splice() для того чтобы извлечь элементы без вывода "дыры" в массиве:

Пример

var fruits = ["Банан", "Апельсин", "Яблоко", "Манго"];
fruits.splice(0, 1);        // Удаляет первый элемент фруктов
Редактор кода »

Первый параметр (0) определяет позицию, в которой должны находиться новые элементы добавлено (склеено).

Второй параметр (1) определяет, сколькоэлементов должно быть удалено.

Остальные параметры опущены. Новые элементы добавляться не будут.


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

Метод concat() создает новый массив путем слияния (объединения) существующий массив:

Пример (объединение двух массивов)

var myGirls = ["Сесилия", "Лоне"];
var myBoys = ["Эмиль", "Тобиас", "Линус"];
var myChildren = myGirls.concat(myBoys);     // Конкатенирует (объединяет) myGirls и myBoys
Редактор кода »

Метод concat() не изменяет существующие массивы. Он всегда возвращает новый массив.

Метод concat() может принимать любое количество аргументов массива:

Пример (объединение трех массивов)

var arr1 = ["Сесилия", "Лоне"];
var arr2 = ["Эмиль", "Тобиас", "Линус"];
var arr3 = ["Робин", "Морган"];
var myChildren = arr1.concat(arr2, arr3);     // Объединяет arr1 с arr2 и arr3
Редактор кода »

Метод concat() и может принимать значения в качестве аргументов:

Пример (объединение массива со значениями)

var arr1 = ["Сесилия", "Лоне"];
var myChildren = arr1.concat(["Эмиль", "Тобиас", "Линус"]); 
Редактор кода »

Нарезка массива

Метод slice() вырезает часть массива в новый массив.

В этом примере фрагментируется часть массива, начиная с элемента массива 1 "Апельсин":

Пример

var fruits = ["Банан", "Апельсин", "Лимон", "Яблоко", "Манго"];
var citrus = fruits.slice(1);
Редактор кода »

Метод slice() создает новый массив. Оно не извлекает никакие элементы от исходного массива.

В этом примере фрагментируется часть массива, начиная с элемента массива 3 "Яблоко":

Пример

var fruits = ["Банан", "Апельсин", "Лимон", "Яблоко", "Манго"];
var citrus = fruits.slice(3);
Редактор кода »

Метод slice() может принимать два аргумента, например slice (1, 3).

Затем метод выбирает элементы из начального аргумента и вплоть до (но не включенного) конечного аргумента.

Пример

var fruits = ["Банан", "Апельсин", "Лимон", "Яблоко", "Манго"];
var citrus = fruits.slice(1, 3);
Редактор кода »

Если последний аргумент опущен, как в первых примерах, метод slice() вырезает остальную часть массива.

Пример

var fruits = ["Банан", "Апельсин", "Лимон", "Яблоко", "Манго"];
var citrus = fruits.slice(2);
Редактор кода »

Автоматический toString()

JavaScript автоматически преобразует массив в строку, разделенную запятыми, если ожидается примитивное значение.

Это всегда происходит при попытке вывода массива.

Эти два примера приведут к одинаковому результату:

Пример

var fruits = ["Банан", "Апельсин", "Яблоко", "Манго"];
document.getElementById("demo").innerHTML = fruits.toString();
Редактор кода »

Пример

var fruits = ["Банан", "Апельсин", "Яблоко", "Манго"];
document.getElementById("demo").innerHTML = fruits;
Редактор кода »

Все объекты JavaScript имеют метод toString().


Поиск значений Max и Min в массиве

Нет встроенных функций для нахождения наивысшего или наименьшего значения в массиве JavaScript.

Вы узнаете, как решить эту проблему в следующем глава данного руководства.


Сортировка массивов

Сортировка массивов рассматривается в следующей главе этого руководства.


Справочник массивов

Для подробной информации перейдите на наш Справочник Массивов.

Справочник содержит описания и примеры всех массивов свойств и методы.


Проверьте себя с помощью упражнений!

Упражнение:

Используйте правильный метод Array для удаления последнего пункта массива fruits.

var fruits = ["Банан", "Апельсин", "Яблоко"];
;

Начните упражнения