Рассмотрим некоторые javascript методы массива.
1.
Часто используемым методом в javascript array является concat().
Метод javaScript concat() — конкатенация массивов, объединяет два массива в третий массив, т.е. формирует и возвращает объединенный массив, содержащий все элементы исходного массива и значения всех аргументов, переданных методу
имя_массива1.concat(массив2)
Рассмотрим пример использования метода concat
| var a1= new Array(1, 2, "Звезда"); var а2 = new Array("a", "б", "в", "г"); var аЗ = a1.concat(a2); /* результат - массив с элементами: 1, 2, "Звезда", "а", "б", "в", "г" */ |
Задание 5. Дополните код согласно заданию: В переменную a присвоить возвращаемое значение метода concat, передав в этот метод два значения 4 и 5. Что будет выведено на экран?:
| var a = [1, 2, 3]; a =... document.write(a); |
2.
Метод javaScript join (разделитель) — создает строку из элементов массива с указанным разделителем между ними (преобразует все элементы массива в строки и объединяет их через указанный разделитель)
имя_массива.join(строка)
Пример использования метода join:
| var а = new array(1, 2, "Звезда") a.join(",") // значение - строка "1,2,Звезда" var а = new array(1, 2, "Звезда") a.join(" ") // значение - строка «1 2 Звезда» |
Задание 6. Дополните код, согласно заданию: В строке объявления переменной res присвоить значение: на массиве arr вызвать метод join, в который передать аргумент (тег «br») и вывести на экран значение переменной res
| var arr = ["Edward", "Andrey", "Chris"] var res =... document.write(res); |
3.
Метод javaScript shift() — удаляет первый элемент массива и возвращает результирующий массив, смещая все последующие элементы на одну позицию влево
имя_массива.shift()
Пример использования метода shift:
| var x = ["a", "b", "c", "d"]; x.shift(); document.write(x); //выведет на экран обозревателя строку b,c,d |
4.
Метод javaScript рор() — удаляет последний элемент массива и возвращает результирующий массив
имя_массива.рор()
Пример использования метода рор:
| var x = ["a", "b", "c", "d"]; x.pop(); document.write(x); //выведет на экран обозревателя строку a,b,c. |
Задание 7. Дополните код согласно инструкции:
Присвоить значение метода pop() в переменную len, который удалит из массива последний элемент:
| var arr = ["January", "February", "March", "April", "May", "June"]; var len =... document.write(arr.join(" ")); |
5.
Метод javaScript unshift(значение) — добавляет к массиву указанное значение в качестве первого элемента
имя_массива.unshift(значение)
Пример использования метода unshift:
| var x = ["a", "b", "c", "d"]; document.write(x.unshift("e")); //выведет на экран обозревателя число 5 |
6.
Метод javascript push(значение) — добавляет к массиву указанное значение в качестве последнего элемента и возвращает новую длину массива
имя_массива.push(значение)
Пример использования метода push:
| var x = ['a', 'b', 'c', 'd']; document.write(x.push('e')); //выведет на экран обозревателя число 5 |
7.
Метод javaScript reverse() — изменяет порядок следования элементов массива на противоположный
имя_массива.reverse()
Пример использования метода reverse:
| var x = new Array(); x[0] = 0; x[2] = 2; x[4] = 4; document.write(x.reverse()); //выведет на экран обозревателя строку 4,,2,,0 |
Задание 8. Что выведет на экран следующий фрагмент кода?
| var a = new Array(11, 22, 33, 44, 55, 66, 77); a.reverse(); document.write(a.join("<br/>")); |
8.
Метод javascript slice(индекс1 [, индекс2]) — создает массив из элементов исходного массива с индексами указанного диапазона (возвращает подмассив указанного массива).
имя_массива.slice (индекс1 [, индекс2])
Пример:
| var a = new Array(1, 2, 'Звезда', 'а', 'b'); alert(a.slice(1,3)); // массив с элементами: 2, "Звезда" alert(a.slice(2)); // массив с элементами: "Звезда", "а", “b” |
Задание 9. Дополните код согласно заданию: Присвоить переменной t возвращаемое значение метода slice(), который будет возвращать первых 3 значения из массива:
| var a = [1, 2, 3, 4, 5, 6, 7]; var t =... document.write(t); |
9.
Метод javaScript sort() — сортирует (упорядочивает) элементы массива (если строковые элементы, то сначала произойдет сортировка текста, потом сортировка по алфавиту)
имя_массива.sort()
Пример использования метода sort():
| var arr = [1, 16, 2]; arr.sort(); document.write(arr.join("<p>")); /* Выведет на экран: 1 16 2 */ |
10.
Метод javaScript splice(индекс, количество) — удаляет из массива несколько элементов и возвращает массив из удаленных элементов или заменяет значения элементов. Т.е. этот метод используется для вставки и удаления элементов из массива.
имя_массива.splice(индекс, количество)
Пример использования метода splice:
| var a = new Array('Ivan','Max','Peter',12,5); var x = a.splice(1,3); document.write(x+"<br>"); // Max,Peter,12 document.write(a); // Ivan,5 |
Задание 10. Дополните код согласно заданию: В переменную d присвоить значение метода splice(), который должен удалить числа 2, 3, 4 из массива:
| var a = [1, 2, 3, 4, 5, 6, 7]; var d =... document.write(a); |
11.
toLocaleString(), toString() — преобразуют содержимое массива в символьную строку
Задание 11. Дан массив из чисел: 1, 2, 3, 4, 5. Распечатать массив в обратном порядке (5, 4, 3, 2, 1), используя функцию javaScript reverse()
Задание 12. Дан массив из элементов: ‘c’, 5, 2, ‘b’, 3, 1, 4, ‘a’. Распечатать массив, предварительно отсортировав его по возрастанию (1, 2, 3, 4, 5, a, b, c)
Задание 13. Дан массив из элементов: 1, 2, 3, 4, 5. Распечатать исходный массив и массив, получившийся из элементов исходного массива, с разделителем «+» (метод javaScript join – 1+2+3+4+5)