- •Сходство с другими языками программирования
- •Использование Javascript
- •Типы данных
- •Преобразование типов данных
- •Арифметика
- •Логические структуры
- •Операторы сравнения
- •Логические операторы
- •Массивы
- •Методы и свойства
- •Циклические структуры
- •Работа со строками
- •Методы и свойства
- •Регулярные выражения
- •Функции
- •JQuery-селекторы
- •Методы для работы с dom-элементами
- •Результат в виде массива
- •Методы анимации
- •События
- •В заключении
- •Полезные ссылки
Методы и свойства
Метод |
Описание |
push |
Добавляет элементы в конец массива |
join |
Соединяет в строку все элементы массива |
concat |
Объединяет массивы |
shift |
Удаляет элемент с индексом 0 и сдвигает остальные элементы на один вниз. Возвращает удаленный элемент |
splice |
Удаляет элементы массива и заменяет их новыми |
pop |
Извлекает последний элемент массива |
unshift |
Добавляет элементы в начало массива |
slice |
Возвращает часть массива |
sort |
Сортирует массив |
reverse |
Меняет порядок элементов на обратный |
Пример:
var array1 = ["elem1", "elem2"];
//array1 => ["elem1", "elem2"]
var length = array1.push("elem3");
/*length = 3
array1 => ["elem1", "elem2", "elem3"]*/
var string = array1.join();
//string = "elem1,elem2,elem3"
var array2 = ["elem4", "elem5"];
array1 = array1.concat(array2);
//array1 => ["elem1", "elem2", "elem3", "elem4", "elem5"]
var shifted = array1.shift();
//shifted = "elem1"
var removed = array1.splice(0, 2, "elem6", "elem7");
/*removed = "elem2,elem3"
array1 => ["elem6", "elem7", "elem4", "elem5"]*/
var poped = array1.pop();
/*poped = "elem5"
array1 => ["elem6", "elem7", "elem4"]*/
length = array1.unshift("elem8", "elem9");
//length = 5
var sliced = array1.slice(2, 4);
/*sliced = "elem6,elem7"
array1 => ["elem8", "elem9", "elem6", "elem7", "elem4"]*/
Примечание: Почти все описанные методы изменяют свойство массива length, отвечающее за его длину. Стоит заметить, что длина массива является единственным не псевдосвойством. Также необходимо запомнить, что длина массива определяется не количеством элементов, а суммой индекса последнего элемента + 1
Циклические структуры
Циклические структуры в Javascript организовываются при помощи следующих операторов: for, while, do while.
Пример:
for(var x = 0; x < 10; x++)
{
//Тело цикла
}
var x = 0;
while(x < 10)
{
//Тело цикла
}
var x = 0;
do
{
//Тело цикла
}
while(x < 10);
Примечание: Выше отображены три способа организации цикла. Цикл из примера совершает итерацию 10 раз. Конструкция while и do while имеют лишь одно различие, во втором случае тело цикла выполниться как минимум один раз.
Наряду с вышеописанными конструкциями часто используется одна из разновидностей цикла for. Она нашла применение в основном при работе с любыми массивами, она также незаменима при работе с разряженными массивами.
Пример:
var array1 = [];
array1[0] = 12;
array1[12] = 14;
array1[123] = 123;
for(var i in array1)
{
alert(array1[i]);
}
//Выводятся все элементы массива
Работа со строками
Javascript имеет возможность работы со строками, которые задаются неявно при помощи литералов "" и ''. При создании строковых переменных допускается использования экранирования, то есть написания символов на прямую в строках недоступных, такие как \r\n и т.д. Допускается указание юникодного символа явным образом, указав его код \u1202.
Также имеется возможность создавать новую строковую переменную через объект String. В этом случае такому объекту можно напрямую назначать свойства и методы. В остальном от способа объявления ничего не меняется.
Доступ к символам строки осуществляется подобно элементам массива.
Пример:
var string = "just another example";
for(var i in string)
{
alert(string[i]);
}
//Будет произведен посимвольный вывод строки на экран
Примечание: Помимо этого допускается обращение к конкретному символу, используя метод charAt(индекс символа), нумерация символов начинается с нуля.
Сравнение строк ничем не отличается от сравнения других типов данных, вес символов зависит от положения в таблице ASCII.