Теоретические основы программирования на JavaScript Объектная модель

Группы объектов языка JavaScript Объекты каркаса (document, window); Объекты, среды, параметры экрана, браузера (screen, navigator, MimeType, Plugin); Объекты JavaScript (Array, Math, String, Date, Boolean, Number, Object); Объекты, образованные HTML-тегами (Button, Checkbox, FileUpload, Form, Hidden, Option, Password, Radio, Reset, Select, Submit, Text, Textarea, Image, Anchor, Link, Applet); Прочие специфические объекты.

Объектная модель браузера

Способы представления коллекций имя_коллекции.id_объекта имя_коллекции[индекс_объекта] имя_коллекции[id_ объекта] имя_коллекции[имя_объекта]

Способы создания объекта Array Явное объявление массива Например: переменная = [элемент 0, элемент 1, …, элементы] Объявление массива с использованием конструктора Например: переменная = new Array( элемент 0, элемент 1, …, элементы ) Или переменная = new Array( длина_массива )

Явное объявление массива <!-- var mas1 = ["Serg","Vano"]; for(var i=0;i<mas1.length;i++) document.writeln( "mas1[" + i + "] = " + mas1[i] + " " ); document.writeln( " " ); //-->

Объявление массива с использованием конструктора <!-- var mas2 = new Array( "Anna","Tanja" ); for(var i=0;i<mas2.length;i++) document.writeln( "mas2[" + i + "] = " + mas2[i] + " " ); document.writeln( " " ); var mas3 = new Array( 2 ); mas3[ 0 ] = "Sasha", mas3[ 1 ] = "Masha" for(var i=0;i<mas3.length;i++) document.writeln( "mas3[" + i + "] = " + mas3[i] + " " ); //-->

Свойство length (длина массива) <!-- var mas = ["Serg", "Vano"]; document.write( "mas.length = ", mas.length); //-->

Метод concat (объединение массивов в один) <!-- var mas1 = ["Serg", "Vano"]; var mas2 = ["Anna", "Tanja"]; var mas3 = ["Sasha", "Masha", "Dasha"]; document.writeln( "mas1 = " + mas1 + " " ); document.writeln( "mas2 = " + mas2 + " " ); document.writeln( "mas3 = " + mas3 + " " ); document.writeln( "mas1.concat( mas2 ) = "+ mas1.concat( mas2 ) + " "); document.writeln( "mas1.concat( mas2, mas3 ) = " +mas1.concat( mas2, mas3 ) + " "); //-->

Метод join (объединение всех элементов массива в строку) <!-- var mas = ["Sasha", "Masha", "Dasha"]; document.writeln( "mas = " + mas + " " ); document.writeln( "mas.join() = " + mas.join() + " " ); document.writeln( 'mas.join(", ") = ' + mas.join(", ") + " " ); document.writeln( 'mas.join("+") = ' + mas.join("+") + " " ); //-->

Метод pop (удаление последнего элемента в массиве) <!-- var mas = ["Sasha", "Masha", "Dasha"]; document.writeln( "mas = " + mas + " " ); document.writeln( "mas.pop() = " + mas.pop() + " " ); document.writeln( "mas = " + mas ); //-->

Метод push (добавление элементов в конец массива) <!-- var mas = ["Sasha", "Masha", "Dasha"]; document.writeln( "mas = " + mas + " " ); document.writeln( "mas.push(\"Tanja\",\"Ira\") = " + mas.push("Tanja", "Ira") + " " ); document.writeln( "mas = " + mas + " " ); //-->

Метод reverse (изменение порядка следования элементов в конец массива на противоположный) <!-- var mas = ["Sasha", "Masha", "Dasha"]; document.writeln( "mas = " + mas + " " ); document.writeln( "mas.reverse() = " + mas.reverse() + " " ); document.writeln( "mas = " + mas + " " ); //-->

Метод shift (удаление первого элемента массива) <!-- var mas = ["Sasha", "Masha", "Dasha"]; document.writeln( "mas = " + mas + " " ); document.writeln( "mas.shift() = " + mas.shift() + " " ); document.writeln( "mas = " + mas + " " ); //-->

Метод slice (выделение фрагмента массива в новый массив) <!-- var mas = ["Sasha", "Masha", "Dasha", "Serg", "Vano"]; document.writeln( "mas = " + mas + " " ); document.writeln( "mas.slice(1,3) = " + mas.slice(1,3) + " " ); document.writeln( "mas.slice(1,-1) = " + mas.slice(1,-1) + " " ); document.writeln( "mas.slice(1,-2) = " + mas.slice(1,-2) + " " ); document.writeln( "mas.slice(1,-3) = " + mas.slice(1,-3) ); //-->

Метод splice (удаление и добавление элементов массива) <!-- var mas = ["Sasha", "Masha", "Dasha"]; document.writeln( "mas = " + mas + " " ); document.writeln( "mas.splice(2, 0, \"Manja\", \"Varvara\").length = + mas.splice(2, 0, "Manja", "Varvara").length + " " ); document.writeln( "mas = " + mas + " " ); document.writeln( "mas.splice(1, 1, \"Rita\") = + mas.splice(1, 1, "Rita") + " " ); document.writeln( "mas = " + mas + " " ); document.writeln( "mas.splice(4, 2) = " + mas.splice(4, 2) + " " ); document.writeln( "mas = " + mas + " " ); //-->

Метод sort (сортировка элементов массива) <!-- var mas = ["Sasha", "Masha", "Dasha"]; document.writeln( "mas = " + mas + " " ); document.writeln( "mas.sort() = " + mas.sort() ); //-->

Метод inshift (добавление элементов в начало массива) <!-- var mas = ["Sasha", "Masha", "Dasha"]; document.writeln( "mas = " + mas + " " ); document.writeln( "mas.unshift(\"Galja\",\"Ira\") = " + mas.unshift("Galja", "Ira") + " " ); document.writeln( "mas = " + mas + " " ); //-->

Объект Boolean (логический тип данных) <!-- document.writeln( "new Boolean() = " + (new Boolean()) + " " ); document.writeln( "new Boolean(0) = " + (new Boolean(0)) + " " ); document.writeln( "new Boolean(null) = " + (new Boolean(null)) + " " ); document.writeln( "new Boolean('') = " + (new Boolean('')) + " " ); document.writeln( "new Boolean(true) = " + (new Boolean(true)) + " " ); document.writeln( "new Boolean(false) = " + (new Boolean(false)) + " " ); document.writeln( "new Boolean('true') = " + (new Boolean('true')) + " " ); document.writeln( "new Boolean('false') = " + (new Boolean('false')) + " " ); document.writeln( "new Boolean('text') = " + (new Boolean('text')) + " " ); //-->

Способы создания объекта Date Используя конструктор без параметров (по умолчанию), при этом создается объект Date Содержащий информацию о текущей дате и времени var date = new Date() С конкретной временной отметкой, задаваемой с помощью количества миллисекунд, прошедших начиная с 00:00:00 часов 1 января 1970 года. var date = new Date(milliseconds) С заданием в качестве параметра строки символов в формате Dec 25, 1995 или Mon, 25 Dec :30:00 GMT или Mon, 25 Dec :30:00 GMT var date = new Date(dateString) С указанием параметра значений года, месяца и дня. var date = new Date(years, months, days) С указанием в качестве параметра числовых значений года, месяца, дня, часов, минут и секунд. var date = new Date(years, months, days, hours, minutes, seconds)

Создание объекта Date с текущей временной отметкой <!-- var date = new Date(); document.writeln(" date = " + date + "); //-->

Создание объекта Date с конкретно- заданной временной отметкой <!-- var date = new Date( ); document.writeln(" date = " + date + " "); //-->

Создание объекта Date с заданием требуемой временной отметки строкой символов <!-- var date = new Date("December 25, :46:10"); document.writeln(" date = " + date + " "); //-->

Создание объекта Date на основе числовых значений года, месяца и дня <!-- var date = new Date( 2004, 9, 25 ); document.writeln(" date = " + date + " "); //-->

Создание объекта Date на основе числовых значений года, месяца, дня, часов, минут и секунд <!-- var date = new Date( 2004, 9, 25, 19, 30, 45 ); document.writeln(" date = " + date + " "); //-->