Последние учебники веб-разработки
×

JS Руководство

JS ГЛАВНАЯ JS Введение JS Куда JS Вывод JS Синтаксис JS Заявления JS Комментарии JS переменные JS операторы JS арифметика JS присваивание JS Типы данных JS функции JS Объекты JS Объем JS Мероприятия JS Строки JS Методы струнных JS чисел JS Методы Number JS математический JS Даты JS Форматы даты JS Методы Дата JS Массивы JS Методы массивов JS Booleans JS Сравнения JS условия JS переключатель JS петля For JS В то время как Loop JS Ломать JS Тип преобразования JS RegExp JS ошибки JS отладка JS Подъемно JS Строгий режим JS Гид по стилю JS Лучшие практики JS Ошибки JS Представление JS Зарезервированные слова JS JSON

JS формы

Формы проверки Формы API

JS объект

Определения объектов Свойства объекта Методы объекта Прототипы объектов

JS функции

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

JS HTML DOM

DOM вступление DOM методы DOM Документ DOM элементы DOM HTML DOM CSS DOM Анимации DOM Мероприятия DOM EventListener DOM навигация DOM Вершины DOM Nodelist

JS браузер BOM

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

JS Примеры

JS Примеры JS HTML DOM JS HTML вход JS HTML Объекты JS HTML Мероприятия JS браузер JS викторина JS Резюме

JS Рекомендации

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


 

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 и толкая

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

Это то, что поппинг и толкания:

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
Попробуй сам "

Перемена Elements

Перемена эквивалентно выскакивают, работая над первым элементом вместо последней.

shift() метод удаляет первый элемент массива и "сдвиги" все другие элементы более низким индексом.

пример

var fruits = ["Banana", "Orange", "Apple", "Mango"];
fruits.shift();            // Removes the first element "Banana" from fruits
Попробуй сам "

unshift() метод добавляет новый элемент в массиве (в начале), и старые элементы "unshifts":

пример

var fruits = ["Banana", "Orange", "Apple", "Mango"];
fruits.unshift("Lemon");    // Adds a new element "Lemon" to fruits
Попробуй сам "

shift() метод возвращает строку , которая была "сдвигаются".

unshift() метод возвращает новую длину массива.


Изменение элементов

Доступ к элементам матрицы , используя их номер индекса:

Массив индексов начинаются с 0. [0] является первым элементом массива, [1] является вторым, [2] является третьим ...

пример

var fruits = ["Banana", "Orange", "Apple", "Mango"];
fruits[0] = "Kiwi";        // Changes the first element of fruits to "Kiwi"
Попробуй сам "

Свойство длины обеспечивает простой способ для добавления нового элемента в массиве:

пример

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() вместо этого.


Сращивание массив

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

пример

var fruits = ["Banana", "Orange", "Apple", "Mango"];
fruits.splice(2, 0, "Lemon", "Kiwi");
Попробуй сам "

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

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

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


Использование splice() для удаления элементов

С умной настройки параметров, вы можете использовать splice() для удаления элементов , не оставляя "дыр" в массиве:

пример

var fruits = ["Banana", "Orange", "Apple", "Mango"];
fruits.splice(0, 1);        // Removes the first element of fruits
Попробуй сам "

Первый параметр (0) определяет положение , в котором должны быть добавлены новые элементы (сращенных в).

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

Остальные параметры опущены. Нет новых элементов не будут добавлены.


Сортировка массива

sort() метод сортирует массив по алфавиту:

пример

var fruits = ["Banana", "Orange", "Apple", "Mango"];
fruits.sort();            // Sorts the elements of fruits
Попробуй сам "

Реверсивный массив

reverse() метод меняет местами элементы в массиве.

Вы можете использовать его для сортировки массива в порядке убывания:

пример

var fruits = ["Banana", "Orange", "Apple", "Mango"];
fruits.sort();            // Sorts the elements of fruits
fruits.reverse();         // Reverses the order of the elements
Попробуй сам "

Числовой Сортировка

По умолчанию, sort() функция сортирует значения как строки.

Это хорошо работает для строк ( "Apple" идет перед "Banana" ).

Тем не менее, если число сортируются как строки, "25" больше, чем "100", так как "2" больше, чем "1".

Из - за этого sort() метод будет производить неправильный результат при сортировке номеров.

Вы можете исправить это, предоставляя функцию сравнения:

пример

var points = [40, 100, 1, 5, 25, 10];
points.sort(function(a, b){return a-b});
Попробуй сам "

или

пример

var points = [40, 100, 1, 5, 25, 10];
points.sort(function(a, b){return a>b});
Попробуй сам "

Используйте тот же трюк для сортировки по убыванию массива:

пример

var points = [40, 100, 1, 5, 25, 10];
points.sort(function(a, b){return b-a});
Попробуй сам "

или

пример

var points = [40, 100, 1, 5, 25, 10];
points.sort(function(a, b){return b>a});
Попробуй сам "

Сравнить функции

Целью функции сравнения является определить альтернативный порядок сортировки.

Функция сравнения должна возвращать отрицательное, нулевое или положительное значение, в зависимости от аргументов:

function(a, b){return a-b}

Когда sort() функция сравнивает два значения, он посылает значения в функции сравнения, и сортирует значения в соответствии с возвращаемой (отрицательный, нулевой, положительной) значения.

Пример:

При сравнении 40 и 100, sort() метод вызывает сравнение function(40,100) .

Функция вычисляет 40-100, и возвращает (-60 отрицательное значение).

Функция сортировки будет сортировать 40 в качестве значения ниже, чем 100.


Найти высокий (или самый низкий) Значение

Как найти максимальное значение в массиве?

пример

var points = [40, 100, 1, 5, 25, 10];
points.sort(function(a, b){return b-a});
// now points[0] contains the highest value
Попробуй сам "

И самый низкий:

пример

var points = [40, 100, 1, 5, 25, 10];
points.sort(function(a, b){return a-b});
// now points[0] contains the lowest value
Попробуй сам "

Присоединение Массивы

concat() метод создает новый массив путем конкатенации два массива:

пример

var myGirls = ["Cecilie", "Lone"];
var myBoys = ["Emil", "Tobias","Linus"];
var myChildren = myGirls.concat(myBoys);     // Concatenates (joins) myGirls and myBoys
Попробуй сам "

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
Попробуй сам "

Нарезка массив

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) .

Способ затем выбирает элементы из стартового аргумента, и до (но не включая) конечный аргумент.

пример

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);
Попробуй сам "

valueOf() Метод

valueOf() метод является поведение по умолчанию для массива. Он преобразует массив в элементарное значение.

JavaScript автоматически преобразует массив в строку, когда ожидается примитивное значение.

Из - за этого, все эти примеры будут производить один и тот же результат:

пример

var fruits = ["Banana", "Orange", "Apple", "Mango"];
document.getElementById("demo").innerHTML = fruits;
Попробуй сам "

пример

var fruits = ["Banana", "Orange", "Apple", "Mango"];
document.getElementById("demo").innerHTML = fruits.valueOf();
Попробуй сам "

пример

var fruits = ["Banana", "Orange", "Apple", "Mango"];
document.getElementById("demo").innerHTML = fruits.toString();
Попробуй сам "

Все объекты JavaScript имеют valueOf() и toString() метод.


Полный массив Ссылка

Для получения полной справки, перейдите на наш Complete JavaScript массива Reference .

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


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

Упражнение 1 » Упражнение 2» Упражнение 3 » Упражнение 4» Упражнение 5 »