Скачать презентацию
Идет загрузка презентации. Пожалуйста, подождите
1
Лекция 5 Объекты библиотеки JavaScript
2
Объект Array Создание массивов с помощью конструкторов var firstArray = new Array(); var secondArray = new Array("красный", "зеленый", "синий"); var thirdArray = new Array(5); Создание массивов с помощью литералов var firstArray = []; var secondArray = ["красный", "зеленый", "синий"]; var thirdArray = [,,,,]; Создание разреженного массива var fourthArray = [,,35,,,16,,23,]; Обращение к элементам массива var myArray = [1,51,68]; var х = myArray[0]; var у = myArray[1]; var z = myArray[2];
3
Объект Array, ч. 2 Обращение к несуществующим элементам: alert(myArray[35]); Изменение значений элементов массивов: myArray[3] = 57; Удаление элементов массивов: var myColors = ["красный", "зеленый", "синий"]; delete myColors[1]; Свойство length: var myArray = new Array(); myArray[1000] = "Это единственный элемент в массиве";
![Объект Array, ч. 2 Обращение к несуществующим элементам: alert(myArray[35]); Изменение значений элементов массивов: myArray[3] = 57; Удаление элементов массивов: var myColors = [](http://images.myshared.ru/19/1236710/slide_3.jpg "Объект Array, ч. 2 Обращение к несуществующим элементам: alert(myArray[35]); Изменение значений элементов массивов: myArray[3] = 57; Удаление элементов массивов: var myColors = [")
4
Работа с массивами Изменение свойства length Работа с массивом как со стеком var stack = []; // [] stack.push("первый"); // ["первый"] stack.push(10, 20); // ["первый", 10, 20] stack.pop(); // ["первый", 10] Возвращает 20 stack.push(2); // ["первый", 10, 2] stack.pop(); // ["первый", 10] Возвращает 2 stack.pop(); // ["первый"] Возвращает 10 stack.pop(); // [] Возвращает "первый» Работа с массивом как с очередью или деком push() pop() unshift() shift()
![Работа с массивами Изменение свойства length Работа с массивом как со стеком var stack = []; // [] stack.push(](http://images.myshared.ru/19/1236710/slide_4.jpg "Работа с массивами Изменение свойства length Работа с массивом как со стеком var stack = []; // [] stack.push(")
5
Методы Array Метод concat() var myArray = ["красный", "зеленый", "синий"]; alert(myArray.concat("голубой", "желтый")); Метод join() var myArray = ["красный", "зеленый", "синий"]; var stringVersion = myArray.join("/"); reverse() var myArray = ["красный", "зеленый", "синий"]; myArray.reverse(); slice() var myArray = ["красный", "зеленый", "синий"]; alert(myArray.slice(1, -1));
6 Методы Array, ч. 2 splice() var myArray = [1, 2, 3, 4, 5]; myArray.splice(3,2,"a","b"); // возвращает [1,2,3,"a","b"] myArray.splice(1,1,"это","вставим", "здесь"); // возвращает 2 [1,"это","вставим","здесь",3,"a","b«] toString() sort() var myArray = [14,52,3,14,45,36]; myArray.sort(); alert(myArray); Переопределение компаратора в sort() var myArray = [14,52,3,14,45,36]; myArray.sort(function (x, у) { if (x < у) return -1; else if (x === у) return 0; else return 1; }); alert(myArray);
7
Многомерные массивы Пример многомерного массива var tableOfValues = [[2, 5, 7], [3, 1, 4], [6, 8, 9]]; Изменение прототипа Array() function myDisplay() { if (this.length != 0) alert(this.toString()); else alert("Массив пустой"); } Array.prototype.display = myDisplay; var myArray = [4,5,7,32]; myArray.display();
![Многомерные массивы Пример многомерного массива var tableOfValues = [[2, 5, 7], [3, 1, 4], [6, 8, 9]]; Изменение прототипа Array() function myDisplay() { if (this.length != 0) alert(this.toString()); else alert(](http://images.myshared.ru/19/1236710/slide_7.jpg "Многомерные массивы Пример многомерного массива var tableOfValues = [[2, 5, 7], [3, 1, 4], [6, 8, 9]]; Изменение прототипа Array() function myDisplay() { if (this.length != 0) alert(this.toString()); else alert(")
8
Объект Math Свойство Описание Math.E Основание натурального логарифма (константа Эйлера е) Math.LN2 Натуральный логарифм числа 2 Math.LN10 Натуральный логарифм числа 10 Math.LOG2E Логарифм (по основанию 2) числа е Math.LOG10E Логарифм (по основанию 10) числа е Math.PI Число π Math.SQRT1_2 Квадратный корень числа 0,5 (или, что то же самое, единица, деленная на корень из 2) Math.SQRT2 Квадратный корень из числа 2
9
Math, ч. 2 Свойство Описание Math.abs(arg) Абсолютное значение arg Math.acos(arg) Арккосинус arg Math.asin(arg) Арксинус arg Math.atan(arg) Арктангенс arg Math.atan2(y,x) Угол между осью абсцисс и направлением, задаваемым точкой (х, у), против часовой стрелки. Math.ceil(arg) Округление значения arg до целого сверху Math.cos(arg) Косинус arg Math.exp(arg) Число е в степени arg Math.floor(arg) Округление значения arg до целого снизу (наибольшее целое, не превышающее arg)
10
Math, ч. 3 Свойство Описание Math.log(arg) Натуральный логарифм arg Math.max(arg1, arg2) Большее из arg1 и arg2 Math.min(ar1, arg2) Меньшее из arg1 и arg2 Math.pow(arg1, arg2) arg1 в степени arg2 Math.random() Случайное число из интервала [0,1] Math.round(arg) Округление значения arg к ближайшему целому. Если дробная часть arg больше или равна. 5, происходит округление сверху, иначе org округляется снизу Math.sin(arg) Синус arg Math.sqrt(arg) Квадратный корень из arg Math.tan(arg) Тангенс arg
![Math, ч. 3 Свойство Описание Math.log(arg) Натуральный логарифм arg Math.max(arg1, arg2) Большее из arg1 и arg2 Math.min(ar1, arg2) Меньшее из arg1 и arg2 Math.pow(arg1, arg2) arg1 в степени arg2 Math.random() Случайное число из интервала [0,1] Math.](http://images.myshared.ru/19/1236710/slide_10.jpg "Math, ч. 3 Свойство Описание Math.log(arg) Натуральный логарифм arg Math.max(arg1, arg2) Большее из arg1 и arg2 Math.min(ar1, arg2) Меньшее из arg1 и arg2 Math.pow(arg1, arg2) arg1 в степени arg2 Math.random() Случайное число из интервала [0,1] Math.")
11
Использование оператора with with (Math) { var a = 3, b = 4, c; var angleA = atan(a / b); var angleB = atan(b / a); var angleC = PI / 2; c = pow(a, 2) + pow(b, 2) - 2*a*b* cos(angleC); c = sqrt(c); }
12
Объект String Создание строк с помощью конструктора var s = new String(); var headline = new String("строка"); Свойство length var s = "Строка в JavaScript"; var strlen = s.length; Метод toUpperCase() var s = "abc"; s = s.toUpperCase (); // значением s теперь является "ABC" Метод charAt() "JavaScript".charAt(1);
13
Объект String, ч. 2 Метод charCodeAt() "JavaScript".charCodeAt(1); Метод formCharCode() var aChar = String.fromCharCode(82); var aString = String.fromCharCode(1057,1051,1054,1053) ; Метод indexOf() "JavaScript".indexOf("Script"); "JavaScript".indexOf("а", 2); Метод lastIndexOf() "JavaScript".lastIndexOf ("а", 2);
14
Объект String, ч. 3 Метод substring() "JavaScript".substring(3); "JavaScript".substring(3, 7); Метод concat() var s = "JavaScript".concat(" это", " очень", " гибкий", " язык"); var s = "JavaScript" + " это" + " очень" + " гибкий" + " язык"; Метод split() var wordArray = "Очень простой пример".split(" "); Методы, выполняющие HTML-разметку var mystring="выдели меня полужирным".bold();
Еще похожие презентации в нашем архиве:
