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

JS Учебник

JS Главная JS Введение JS Что? Где? Куда? JS Вывод JS Заявления JS Синтаксис JS Комментарии JS Переменные JS Операторы JS Арифметика JS Присваивания JS Типы данных JS Функции JS Объекты JS События JS Строки JS Методы строк JS Числа JS Методы чисел JS Массивы JS Методы массива JS Сортировка массива JS Итерация массива JS Объекты дат JS Формат дат JS Метод получения дат JS Метод набора дат JS Математические... JS Случайные числа JS Булевы JS Сравнение... JS Заявления if...else JS Заявление switch JS Цикл for JS Цикл while JS Заявление break... JS Преобразование... JS Битовые... JS Регулярные выражения JS Ошибки JS Область JS Подъемный JS Строгий JS Ключевое слово this JS Ключевое слово let JS Константы JS Функция стрелки JS Классы JS Отладчик JS Руководство стиля JS Практика JS Распространенные ошибки JS Эффективность JS Зарезервированные слова JS Версии JS Версия ES5 JS Версия ES6 JS Версия 2016 JS Версия 2017 JS JSON

JS Формы

JS Формы JS Формы API

JS Объекты

Определение объекта Свойства объекта Методы объекта Отображение объекта Доступ к объекту Конструкторы объекта Прототипы объекта ES5 Методы объекта

JS Функции

Определение функции Параметры функции Вызов функции Вызвать функцию Применение функции Закрытие функции

JS Прочее

Классы введение Наследование класса Статические методы... JS Обратный вызов JS Асинхронный JS Обещания JS Асинхронный синтаксис

JS HTML DOM

DOM Введение DOM Методы DOM Документы DOM Элементы DOM HTML DOM CSS DOM Анимация DOM События DOM Прослушиватель событий DOM Навигация DOM Узлы DOM Коллекция DOM Список узлов

JS Браузера BOM

JS Window JS Экран JS Расположение JS История JS Навигатор JS Предупреждение JS Синхронизация JS Cookies

JS AJAX

AJAX Введение AJAX XMLHttp AJAX Запрос на сервер AJAX Ответ с сервера AJAX XML Файл AJAX PHP Файл AJAX ASP Файл AJAX База данных AJAX Приложения AJAX Примеры

JS JSON

JSON Введение JSON Синтаксис JSON или XML JSON Типы данных JSON Парсинг JSON Строки JSON Объекты JSON Массивы JSON PHP JSON HTML JSON JSONP

JS Веб API

API - Введение API - История API - Хранилище API - Работник API - Извлечь файл API - Геолокации

JS или jQuery

jQuery HTML Селекторы jQuery HTML Элементы jQuery CSS Стили jQuery HTML DOM

JS Примеры

JS Примеры JS HTML DOM JS HTML Ввода JS HTML Объекты JS HTML События JS Браузер JS Редактор JS Упражнения JS Викторина JS Сертификат

JS Справочник

JavaScript Объекты HTML DOM Объекты


На сайте нет рекламы

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
Попробуйте сами »

Выталкивание и толчки

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

Вот что такое выталкивание и толкание:

Извлечение элементов из массива или перемещение элементов в массив.



Выскакивают

Метод 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.

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


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

Упражнение:

Используйте правильный метод массива , чтобы удалить последний элемент из fruits массива.

var fruits = ["Banana", "Orange", "Apple"];
;

Старт