JavaScript Методы массива
Преобразование массивов в строки
Метод JavaScript toString() преобразует массив в строку значений массива (разделенных запятыми).
Пример
var fruits = ["Banana", "Orange", "Apple", "Mango"];
document.getElementById("demo").innerHTML = fruits.toString();
Результат:
Метод join() также объединяет все элементы массива в строку.
Он ведет себя так же toString(), но в дополнение можно указать разделитель:
Пример
var fruits = ["Banana", "Orange", "Apple", "Mango"];
document.getElementById("demo").innerHTML = fruits.join(" * ");
Результат:
Выталкивание и толчки
Когда вы работаете с массивами, легко удалять элементы и добавлять новые элементы.
Вот что такое выталкивание и толкание:
Извлечение элементов из массива или перемещение элементов в массив.
Выскакивают
Метод pop() удаляет последний элемент из массива:
Пример
var fruits = ["Banana", "Orange", "Apple", "Mango"];
fruits.pop();
// Удаляет последний элемент ("Mango") из fruits
Попробуйте сами »
Метод pop() возвращает значение, которое "выскочило":
Пример
var fruits = ["Banana", "Orange", "Apple", "Mango"];
var x =
fruits.pop();
// значение x "Mango"
Попробуйте сами »
Толкать
Метод push() добавляет новый элемент в массив (в конце):
Пример
var fruits = ["Banana", "Orange", "Apple", "Mango"];
fruits.push("Kiwi"); // Добавляет новый элемен ("Kiwi") к fruits
Попробуйте сами »
Метод push() возвращает новую длину массива:
Пример
var fruits = ["Banana", "Orange", "Apple", "Mango"];
var x =
fruits.push("Kiwi"); // значение x равно 5
Попробуйте сами »Сдвиг элементов
Сдвиг эквивалентен выталкиванию, работая с первым элементом вместо последнего.
Метод shift() удаляет первый элемент массива и "сдвиги"
все другие элементы к более низкому индексу.
Пример
var fruits = ["Banana", "Orange", "Apple", "Mango"];
fruits.shift();
// Удаляет первый элемент "Banana" из fruits
Попробуйте сами »
Метод shift() возвращает строку, которая была "сдвинута":
Пример
var fruits = ["Banana", "Orange", "Apple", "Mango"];
var x =
fruits.shift(); // значение x равно "Banana"
Попробуйте сами »
Метод unshift()
добавляет новый элемент в массиве (в начале), и "unshifts" старые элементы:
Пример
var fruits = ["Banana", "Orange", "Apple", "Mango"];
fruits.unshift("Lemon");
// Добавляет новый элемент "Lemon" к fruits
Попробуйте сами »
Метод unshift() возвращает новую длину массива.
Пример
var fruits = ["Banana", "Orange", "Apple", "Mango"];
fruits.unshift("Lemon");
// Возвращает 5
Попробуйте сами »
Смена элементов
Доступ к элементам массива осуществляется по их порядковому номеру:
Индексы массива начинаются с 0. [0] - первый элемент массива, [1] - второй, [2] - третий ...
Пример
var fruits = ["Banana", "Orange", "Apple", "Mango"];
fruits[0] = "Kiwi";
// Изменяет первый элемент фруктов на "Kiwi"
Попробуйте сами »
Свойство length обеспечивает простой способ для добавления нового элемента в массив:
Пример
var fruits = ["Banana", "Orange", "Apple", "Mango"];
fruits[fruits.length] = "Kiwi";
// Appends "Kiwi" to fruits
Попробуйте сами »
Удаление элементов
Поскольку массивы JavaScript являются объектами,
элементы можно удалять с помощью delete оператора JavaScript:
Пример
var fruits = ["Banana", "Orange", "Apple", "Mango"];
delete fruits[0];
// Изменяет первый элемент в фруктах на undefined
Попробуйте сами »
Использование delete может оставить неопределенные дыры в массиве. Вместо этого используйте pop() или shift().
Объединение массива
Метод splice() может быть использован для добавления новых элементов в массив:
Пример
var fruits = ["Banana", "Orange", "Apple", "Mango"];
fruits.splice(2, 0, "Lemon", "Kiwi");
Попробуйте сами »
Первый параметр (2) определяет позицию, в которой должны быть добавлены новые элементы (врезаны).
The second parameter (0) defines how many elements should be removed.
The rest of the parameters ("Lemon" , "Kiwi") define the new elements to be added.
The splice() method returns an array with the deleted items:
Пример
var fruits = ["Banana", "Orange", "Apple", "Mango"];
fruits.splice(2, 2, "Lemon", "Kiwi");
Попробуйте сами »
Использование splice() для удаления элементов
Благодаря умной настройке параметров вы можете использовать splice() для удаления элементов, не оставляя "дыр" в массиве:
Пример
var fruits = ["Banana", "Orange", "Apple", "Mango"];
fruits.splice(0, 1);
// Удаляет первый элемент фруктов
Попробуйте сами »
Первый параметр (0) определяет позицию, в которую должны быть добавлены (соединены) новые элементы.
Второй параметр (1) определяет, сколько элементов следует удалить.
Остальные параметры опущены. Новые элементы добавляться не будут.
Слияние (конкатенация) массивов
Метод concat() создает новый массив путем слияния (конкатенации) существующих массивов:
Пример (объединение двух массивов)
var myGirls = ["Cecilie", "Lone"];
var myBoys = ["Emil", "Tobias", "Linus"];
var myChildren = myGirls.concat(myBoys);
// Конкатенирует (объединяет) myGirls и myBoys
Попробуйте сами »
Метод concat() не изменяет существующие массивы. Он всегда возвращает новый массив.
Метод concat() может принимать любое количество аргументов массива:
Пример (объединение трех массивов)
var arr1 = ["Cecilie", "Lone"];
var arr2 = ["Emil", "Tobias", "Linus"];
var arr3 = ["Robin", "Morgan"];
var myChildren = arr1.concat(arr2, arr3); // Объединяет arr1 с arr2 и arr3
Попробуйте сами »
Метод concat() может также принимать строки в качестве аргументов:
Пример (слияние массива со значениями)
var arr1 = ["Emil", "Tobias", "Linus"];
var myChildren = arr1.concat("Peter");
Попробуйте сами »
Нарезка массива
Метод slice() нарезает из куска массива в новый массив.
В этом примере вырезается часть массива, начиная с элемента массива 1 ("Оранжевый"):
Пример
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).
Затем метод выбирает элементы из начального аргумента и до конечного аргумента (но не включая его).
Пример
var fruits = ["Banana", "Orange", "Lemon", "Apple", "Mango"];
var citrus = fruits.slice(1, 3);
Попробуйте сами »
Если конечный аргумент опущен, как в первых примерах, 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.
Справочник содержит описания и примеры всех свойств и методов массива.
