ЛУЧШИЙ САЙТ ДЛЯ РАЗРАБОТЧИКОВ
×

JavaScript учебник

JS HOME JS Introduction JS Where To JS Output JS Statements JS Syntax JS Comments JS Variables JS Operators JS Arithmetic JS Assignment JS Data Types JS Functions JS Objects JS Scope JS Events JS Strings JS String Methods JS Numbers JS Number Methods JS Arrays JS Array Methods JS Array Sort JS Array Iteration JS Dates JS Date Formats JS Date Get Methods JS Date Set Methods JS Math JS Random JS Booleans JS Comparisons JS Conditions JS Switch JS Loop For JS Loop While JS Break JS Type Conversion JS Bitwise JS RegExp JS Errors JS Debugging JS Hoisting JS Strict Mode JS this Keyword JS Style Guide JS Best Practices JS Mistakes JS Performance JS Reserved Words JS Versions JS Version ES5 JS Version ES6 JS JSON

JS Forms

JS Forms Forms API

JS Objects

Object Definitions Object Properties Object Methods Object Constructors Object Prototypes

JS Functions

Function Definitions Function Parameters Function Invocation Function Call Function Apply Function Closures

JS HTML DOM

DOM Intro DOM Methods DOM Document DOM Elements DOM HTML DOM CSS DOM Animations DOM Events DOM Event Listener DOM Navigation DOM Nodes DOM Collections DOM Node Lists

JS Browser BOM

JS Window JS Screen JS Location JS History JS Navigator JS Popup Alert JS Timing JS Cookies

JS AJAX

AJAX Intro AJAX XMLHttp AJAX Request AJAX Response AJAX XML File AJAX PHP AJAX ASP AJAX Database AJAX Applications

JS JSON

JSON Intro JSON Syntax JSON vs XML JSON Data Types JSON Objects JSON Arrays JSON Parse JSON Stringify JSON PHP JSON HTML JSON JSONP

JS References

JavaScript Objects HTML DOM Objects


Методы массива 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.

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