Методы массива JavaScript
Преобразование массивов в строки
Метод JavaScript ToString () преобразует массив в строку значений массива (разделенных запятыми).
Пример
var fruits = ["Banana", "Orange", "Apple", "Mango"];
document.getElementById("demo").innerHTML = fruits.toString();
Result
Banana,Orange,Apple,Mango
Метод Join () также объединяет все элементы массива в строку.
Он подается так же, как ToString (), но Кроме того вы можете указать разделитель:
Пример
var fruits = ["Banana", "Orange", "Apple", "Mango"];
document.getElementById("demo").innerHTML = fruits.join(" * ");
Результат
Banana * Orange * Apple * Mango
Popping и толкая
При работе с массивами легко удалить элементы и добавить новые элементы.
Это то, что popping и толкая является:
Выталкивание элементов из массива или переталкивание элементов в массив.
Появляются
Метод POP () удаляет последний элемент из массива:
Пример
var fruits = ["Banana", "Orange", "Apple", "Mango"];
fruits.pop();
// Removes the last element ("Mango") from fruits
Метод Pop () возвращает значение, которое было "выскочило":
Пример
var fruits = ["Banana", "Orange", "Apple", "Mango"];
var x =
fruits.pop();
// the value of x is "Mango"
Нажав
Метод Push () добавляет новый элемент в массив (в конце):
Пример
var fruits = ["Banana", "Orange", "Apple", "Mango"];
fruits.push("Kiwi"); // Adds a new element ("Kiwi") to fruits
Метод Push () возвращает новую длину массива:
Пример
var fruits = ["Banana", "Orange", "Apple", "Mango"];
var x =
fruits.push("Kiwi"); // the value of x is 5
Сдвиг элементов
Сдвиг эквивалентен Выталкивание, работая на первый элемент вместо последнего.
Метод SHIFT () удаляет первый элемент массива и "сдвигает" все остальные элементы в нижний индекс.
Пример
var fruits = ["Banana", "Orange", "Apple", "Mango"];
fruits.shift();
// Removes the first element "Banana" from fruits
Метод Shift () возвращает строку, которая была "смещена":
Пример
var fruits = ["Banana", "Orange", "Apple", "Mango"];
fruits.shift(); //
Returns "Banana"
Метод unshift () добавляет новый элемент в массив (в начале) и «unshift» старые элементы:
Пример
var fruits = ["Banana", "Orange", "Apple", "Mango"];
fruits.unshift("Lemon");
// Adds a new element "Lemon" to fruits
Метод unshift () возвращает новую длину массива.
Пример
var fruits = ["Banana", "Orange", "Apple", "Mango"];
fruits.unshift("Lemon");
// Returns 5
Изменение элементов
Доступ к элементам массива осуществляется с помощью их индексного номера:
индексы массива начинаются с 0. [0] — первый элемент массива, [1] — второй, [2] — третий...
Пример
var fruits = ["Banana", "Orange", "Apple", "Mango"];
fruits[0] = "Kiwi";
// Changes the first element of fruits to "Kiwi"
Свойство Length предоставляет простой способ добавления нового элемента в массив:
Пример
var fruits = ["Banana", "Orange", "Apple", "Mango"];
fruits[fruits.length] = "Kiwi";
// Appends "Kiwi" to fruit
Удаление элементов
Поскольку массивы JavaScript являются объектами, элементы могут быть удалены с помощью оператора JavaScript Delete:
Пример
var fruits = ["Banana", "Orange", "Apple", "Mango"];
delete fruits[0];
// Changes the first element in fruits to undefined
Использование Delete может оставить неопределенные отверстия в массиве. Вместо этого используйте POP () или Shift ().
Сращивание массива
Метод сращивания () можно использовать для добавления новых элементов в массив:
Пример
var fruits = ["Banana", "Orange", "Apple", "Mango"];
fruits.splice(2, 0, "Lemon", "Kiwi");
Первый параметр (2) определяет положение, в котором должны быть добавлены новые элементы (сращивания).
Второй параметр (0) определяет количество элементов удалены.
Остальные параметры ("Лимон", "Киви") определяют новые элементы, которые будут добавлено.
Использование соединения () для удаления элементов
С умным параметром параметра можно использовать соединение () для удаления элементов, не оставляя "отверстий" в массиве:
Пример
var fruits = ["Banana", "Orange", "Apple", "Mango"];
fruits.splice(0, 1);
// Removes the first element of fruits
Первый параметр (0) определяет положение, в котором должны быть добавлены новые элементы (сращивания).
Второй параметр (1) определяет, сколько элементов должно быть удалены.
Остальные параметры опущены. Новые элементы не будут добавлены.
Слияние (сцепление) массивов
Метод concat () создает новый массив путем слияния (сцепления) существующих массивов:
Example (Merging Two Arrays)
var myGirls = ["Cecilie", "Lone"];
var myBoys = ["Emil", "Tobias", "Linus"];
var myChildren = myGirls.concat(myBoys);
// Concatenates (joins) myGirls and myBoys
Метод Concat () не изменяет существующие массивы. Он всегда возвращает новый массив.
Метод Concat () может принимать любое количество аргументов массива:
Пример (слияние трех массивов)
var arr1 = ["Cecilie", "Lone"];
var arr2 = ["Emil", "Tobias", "Linus"];
var arr3 = ["Robin", "Morgan"];
var myChildren = arr1.concat(arr2, arr3);
// Concatenates arr1 with arr2 and arr3
Метод Concat () также может принимать значения в качестве аргументов:
Пример (слияние массива со значениями)
var arr1 = ["Cecilie", "Lone"];
var myChildren = arr1.concat(["Emil", "Tobias", "Linus"]);
Нарезка массива
Метод slice () нарезает часть массива в новый массив.
Этот пример нарезает часть массива, начиная с элемента массива 1 ("Orange"):
Пример
var fruits = ["Banana", "Orange", "Lemon", "Apple", "Mango"];
var citrus = fruits.slice(1);
Метод slice () создает новый массив. Он не удаляет элементы из исходного массива.
Этот пример нарезает часть массива, начиная с элемента массива 3 ("Apple"):
Пример
var fruits = ["Banana", "Orange", "Lemon", "Apple", "Mango"];
var citrus = fruits.slice(3);
Метод slice () может принимать два аргумента, например slice (1, 3).
Затем метод выбирает элементы из аргумента start и до (но не включая) аргумент End.
Пример
var fruits = ["Banana", "Orange", "Lemon", "Apple", "Mango"];
var citrus = fruits.slice(1, 3);
Если аргумент end опущен, как в первых примерах, метод slice () нарезает оставшуюся часть массива.
Пример
var fruits = ["Banana", "Orange", "Lemon", "Apple", "Mango"];
var citrus = fruits.slice(2);
Автоматический метод ToString ()
JavaScript автоматически преобразует массив в строку, разделенную запятой, когда ожидается примитивное значение.
Это всегда происходит при попытке вывести массив.
Эти два примера приведут к одному и тому же результату:
Пример
var fruits = ["Banana", "Orange", "Apple", "Mango"];
document.getElementById("demo").innerHTML = fruits.toString();
Пример
var fruits = ["Banana", "Orange", "Apple", "Mango"];
document.getElementById("demo").innerHTML = fruits;
Все объекты JavaScript имеют метод ToString ().
Поиск максимальных и минимальных значений в массиве
Нет встроенных функций для поиска наибольшего или наименьшего значения в массиве JavaScript.
Вы узнаете, как решить эту проблему в следующей главе этого руководства.
Сортировка массивов
Сортировка массивов рассматривается в следующей главе этого руководства.
Полная ссылка на массив
Для полной справки перейдите к нашей полной справке на массив JavaScript.
Ссылка содержит описания и примеры всех свойств и методов массива.