- •Лекции по JavaScript Что такое javascript?
- •Среда разработки программ JavaScript
- •Что умеет javascript?
- •Переменные
- •Типы переменных
- •Массивы Создание
- •Аргументы
- •Описание, примеры
- •Методы объекта Array
- •Многомерные массивы
- •Объект Boolean
- •Объект Number
- •Объект Math
- •Объект String
- •Основы работы со строками
- •Использование кавычек
- •Встроенные функции
- •Строки и числа
- •Преобразование «Число → строка»
- •Преобразование «Строка → число»
- •Объект Date
- •Объект Global
- •Операторы и операции Операторы Javascript
- •Оператор break
- •Оператор comment
- •Оператор continue
- •Перебор свойств, кроме унаследованных
- •Оператор function
- •Оператор if...Else
- •Оператор return
- •Оператор var
- •Оператор while
- •Оператор with
- •Логические операторы
- •Операции сравнения
- •Арифметические операции
- •Битовые операции
- •Логические операции
- •Строковые операции
- •Операции присваивания
- •Прочие операции Условная операция
- •Операция запятая
- •Операция delete
- •Операция in
- •0 In langs // возвращает true
- •4 In langs // возвращает false Операция instanceof
- •Операция new
- •Операция this
- •Операция typeof
- •Операция void
- •Порядок выполнения операций
- •Функции
- •Функции - объекты
- •Области видимости
- •Параметры функции
- •Работа с неопределенным числом параметров
- •Пример передачи функции по ссылке
- •Пример использования:
- •Сворачивание параметров в объект
- •Объекты, свойства и методы Основные понятия
- •Объект JavaScript
- •Создание объектов с помощью инициализатора
- •Создание объектов с помощью конструктора
- •Создание методов
- •Изменение прототипа объекта
- •Удаление объектов
- •Вывод информации в строку состояния
- •Объект location
- •Проигрывание wav-файлов
- •Плавное изменение цвета фона документа html
- •Объект window.
- •Динамическое изменение страницы
- •Прокручивание документа
- •Параметры
- •Закрывающий тег
- •Аргументы
- •Значение по умолчанию
- •Параметр alt Описание
- •Значение по умолчанию
- •Параметр value Описание
- •Синтаксис
- •Параметры
- •Закрывающий тег
- •События
- •Когда использовать
- •Через свойство объекта
- •Основные события javascript
- •If (условие)
- •Способы открытия нового окна с помощью js
- •Модальное окно
- •X: 1, // добавляем свойство
- •Установка веб-сервера Apache и средств программирования под Windows
- •Что такое хостинг и где взять место под страницу.
- •Объектная Модель. Детали.
- •Языки на базе классов и языки на базе прототипов
- •Определение класса
- •Подклассы и наследование
- •Добавление и удаление свойств
- •Отличия. Резюме.
- •Пример Employee
- •Создание иерархии
- •Свойства объекта
- •Наследование свойств
- •Добавление свойств
- •Более гибкие конструкторы
- •И снова о наследовании свойств
- •Локальные и наследуемые значения
- •Определение взаимоотношений экземпляров
- •Глобальная информация в конструкторах
- •Нет множественного наследования
Методы объекта Array
Метод |
Описание |
concat() |
Соединяет элементы массивов. Синтаксис: array1.concat(array2), Например: var a, b, с; а = new Array(0,1,2); b = new Array(5,6,7); с = a.concat(b); // Результирующий массив с= {0,1,2,5,6,7}
|
join() |
Соединяет все элементы массива в строку. Параметр separator задает разделитель между элементами. Если он опущен, то разделитель не используется. Синтаксис: arrayobj.join(separator) Например: var a, b; ; a = new Array("Nice","to","see","you"); b =a.join(" "); // Результирующая строка "Nice to see you"
|
reverse () |
Изменяет порядок следования элементов в массиве. Синтаксис: arrayobj.reverse() Например: var a, b; а = new Array(0,1,2,3); b = a. reverse () ; // Результирующий массив b = {3,2,1,0}
|
slice() |
Возвращает часть массива, начиная с позиции start и заканчивая позицией end. Если значение параметра end опущено, то возвращает часть массива, начиная с позиции start и до его конца. Синтаксис: arrayObj.slice{startr [end]) Например, var a, b; a = new Array(0,1,2,3); b = a.slice(2).join(";") ; . // Результирующее значение "2;3" |
sort() |
Сортирует элементы массива. Синтаксис: arrayobj.sort(sortfunction) Например, var a, b; а = new Array("a" ,"f" ,"d", "b", "с","m","r"); b = a.sort().join(); // Результирующее значение "abcdfmr"
|
toString() |
Преобразует массив в строку. objееtname.toString()
|
valueOf() |
Преобразует массив в строку с запятыми в качестве разделителей. object.valueOf()
|
Задание.
Разместите в двумерный массив 10х10 числа от 1 до 100 и выведите их на экран.
Многомерные массивы
JavaScript позволяет работать не только с одномерными, но и многомерными массивами. Многомерный массив рассматривается как массив из одномерных массивов, поэтому его можно задать перечислением, как показано в следующем коде.
<html>
<body>
<script type="text/javascript">
<!--
var a= new Array(new Array(1,2,3),new Array(4,5,6),new Array(7,8,9) );
s = 0;
for(var i=0; i<3; i++) //о циклах поговорим позднее
{
for(var j=0; j<3; j++)
{
s += a[i][j];
}
}
document.writeln("s="+s);
// -->
</script>
</body>
</html>
Массив можно также создать поэлементно, например, как в следующем коде, где конструируется таблица умножения.
var a = new Array();
for(var i=1; i<10; i++)
{
a[i] = new Array();
for(var j=1; j<10; j++)
{
a[i][j]=i*j;
}
}
Объект Boolean
Объект Boolean создается по следующей схеме:
var variablename = new Boolean(boolvalue);
где параметр boolvalue определяет начальную установку объекта. Если параметр принимает значение false, 0, null, пустую строку или вообще опущен, то принимается значение false. В противном случае — true. Основным методом является toString(), который возвращает его строковое представление.
Пример: поиск простых чисел
<html>
<body>
<script type="text/javascript">
<!--
var b=true;
for(var i=3; i<100; i++)
{
for(var j=2; j<i; j++)
{
if(i%j==0){b=false;break;}
else b=true;
}
if(b) document.writeln("<pre>"+i+"</pre>");
}
// -->
</script>
</body>
</html>