Лекция 5 Объекты библиотеки JavaScript
Объект 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];
Объект Array, ч. 2 Обращение к несуществующим элементам: alert(myArray[35]); Изменение значений элементов массивов: myArray[3] = 57; Удаление элементов массивов: var myColors = ["красный", "зеленый", "синий"]; delete myColors[1]; Свойство length: var myArray = new Array(); myArray[1000] = "Это единственный элемент в массиве";
Работа с массивами Изменение свойства 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()
Методы 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));
Методы 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);
Многомерные массивы Пример многомерного массива 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();
Объект 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
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)
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
Использование оператора 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); }
Объект 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);
Объект 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);
Объект 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();