Сила массивов 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 »