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

Сила JavaScript-массива скрыта в методах массива.

Преобразует массив в строку

Метод JavaScript toString() Преобразует массив в строку значений массива (разделенных запятыми)

Пример

var fruits = ["Banana", "Orange", "Apple", "Mango"];
document.getElementById("demo").innerHTML = fruits.toString();

Результат

Banana,Orange,Apple,Mango

Попробуйте сами

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

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

Пример

var fruits = ["Banana", "Orange","Apple", "Mango"];
document.getElementById("demo").innerHTML = fruits.join(" * ");

Результат

Banana * Orange * Apple * Mango

Попробуйте сами

Popping и Pushing

Удаление элементов и добавление новых элементов при обработке массивов очень просто.

Popping и Pushing означают:

Из массиваУдалениеЭлементы, или в массивВставкаЭлементы.

Popping

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

Пример

var fruits = ["Banana", "Orange", "Apple", "Mango"];
fruits.pop();              // Удаляет последний элемент массива ("Mango")

Попробуйте сами

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

Пример

var fruits = ["Banana", "Orange", "Apple", "Mango"];
var x = fruits.pop();      // Значение x составляет "Mango"

Попробуйте сами

Pushing

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

Пример

var fruits = ["Banana", "Orange", "Apple", "Mango"];
fruits.push("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"

Попробуйте сами

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

Пример

var fruits = ["Banana", "Orange", "Apple", "Mango"];
fruits.shift();             // Возвращает "Banana"

Попробуйте сами

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

Пример

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";        // Удаляем первый элемент fruits и ставим "Kiwi"

Попробуйте сами

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

Пример

var fruits = ["Banana", "Orange", "Apple", "Mango"];
fruits[fruits.length] = "Kiwi";          // Добавляем "Kiwi" в конец fruits

Попробуйте сами

удаления элементов

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

Пример

var fruits = ["Banana", "Orange", "Apple", "Mango"];
delete fruits[0];           // Удаляем первый элемент из fruits и ставим undefined

Попробуйте сами

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

Слияние массивов

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

Пример

var fruits = ["Banana", "Orange", "Apple", "Mango"];
fruits.splice(2, 0, "Lemon", "Kiwi");

Попробуйте сами

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

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

Остальные параметры ("Lemon", "Kiwi") определяют новые элементы, которые нужно добавить.

splice() Метод возвращает массив, содержащий удаленные элементы:

Пример

var fruits = ["Banana", "Orange", "Apple", "Mango"];
fruits.splice(2, 2, "Lemon", "Kiwi");

Попробуйте сами

splice() для удаления элементов

С помощью умных параметров вы можете использовать splice() Удаляем элемент из массива, не оставляя пустых ячеек:

Пример

var fruits = ["Banana", "Orange", "Apple", "Mango"];
fruits.splice(0, 1);        // Удаляем первый элемент из fruits

Попробуйте сами

Первый параметр (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 = ["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() Он принимает два параметра, например (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 массива.

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