Объект по умолчанию
Дата объекта дата,
Формат: имя объекта даты = новая дата ([Параметр даты])
Параметры даты:
1. Опустить (чаще всего используется);
2. Английский ночельный формат: месяц и день, год 1 [час: минута: секунды]
Например: сегодня = новая дата ("1208 октября 12:00:00")
3. Числовой формат: первый год, месяц, день, [час, минута, второй]
Например: сегодня = новая дата (2008,10,1)
Методы даты Объекты:
Формат: имя объекта даты. Метод ([параметр])
Пример использования:
Кода -копия выглядит следующим образом:
<тело>
<script type = "text/javascript">
var date = new Date (); // объекты, предоставленные по умолчанию в JS
document.writeln («Настоящий момент:» + (date.getyear () + 1900) + «Год»
+ (date.getmonth () + 1) + "месяц" + date.getDate ()
+ "Day" + ", Weekly" + date.getDay () + ", время:" // воскресенье будет 0, и требуется дальнейшая обработка, поэтому она не будет обработана здесь.
+ date.gethours () + ":" + date.getminutes () + ":" + date.getSeconds ());
</script>
</body>
Выход:
Текущий момент: 21 апреля 2014 г., 1, время: 14: 7: 53
Массивы объектов
Функция объекта массива состоит в том, чтобы использовать отдельное имя переменной для хранения ряда значений.
Массивы JavaScript имеют две специальные функции:
1. Длина массива неопределенна и может быть автоматически расширена;
2. Типы данных, хранящиеся в массиве, могут быть непоследовательными, то есть различные типы данных могут храниться в смешанном хранилище.
Создайте несколько форматов для объектов массива:
new Array ();
Возвращенный массив пуст, а поле длины составляет 0.
новый массив (размер);
Размер параметра является ожидаемым количеством элементов массива. Возвращенный массив, поле длины будет установлено значение размером. Этот конструктор возвращает массив с указанным номером, а элементы не определены.
новый массив (Element0, element1, ..., elementn);
Этот конструктор инициализирует массив со значением, указанным параметром, и поле длины массива будет установлено на количество параметров.
Имя объекта массива = [элемент 1 [, элемент 2, ...]]
(Обратите внимание, что здесь используются квадратные кронштейны).
Когда конструктор называется функцией без использования нового оператора, его поведение точно такое же, как и при этом с новым оператором.
Вы также можете создать двухмерные массивы.
Метод объекта массива можно найти по адресу: http://www.w3school.com.cn/jsref/jsref_obj_array.asp
Примеры использования объекта массива:
Кода -копия выглядит следующим образом:
<! Doctype html>
<html>
<голова>
<title> arraytest.html </title>
<meta http-equiv = "Keywords" content = "Keyword1, Keyword2, Keyword3">
<meta http-equiv = "description" content = "Это моя страница">
<meta http-equiv = "content-type" content = "text/html; charset = utf-8">
<!-<link rel = "styleSheet" type = "text/css" href = "./ styles.css">->
</head>
<тело>
<script type = "text/javascript">
// var fruits = new Array («Apple», «Банан», «Груша»);
var fruits = ["Apple", "Banana", "Pear"]; // Рекомендованное использование
// вы можете добавить элементы динамически
Fruits.push ("арбуз");
Fruits.push ("Orange");
для (var i = 0; i <fruits.length; ++ i)
{
document.writeln ("fruit [" + i + "] =" + fruits [i] + "<br/>");
}
// тест метода массива
с (документ)
{
написать ("<ul>");
write ("<li>" + fruits.join () + "</li>"); // По умолчанию используется для разделения с запятыми
написать ("<li>" + fruits.join (";") + "</li>");
написать ("<li>" + fruits.tostring () + "</li>");
write ("<li>" + fruits.reverse (). join () + "</li>");
написать ("<li>" + fruits.valueof () + "</li>");
// Укажите, что наоборот выше фактически изменил сам массив
написать ("</ul>");
}
// Двумерный массив
var People = новый массив (3);
люди [0] = новый массив (1, "Чжангсан", "Лиси");
люди [1] = новый массив (2, "Джек", "Люси");
Люди [2] = Новый массив (3, "Xiaming", "xiaohong");
// Обратите внимание, что типы данных могут использоваться в смешанном манере
// Передача двумерного массива
для (var i = 0; i <people.length; ++ i)
{
для (var j = 0; j <People [i] .length; ++ j)
{
document.write ("People [" + i + "] [" + j + "] =" + people [i] [j] + "<br/>");
}
document.write ("<br/>");
}
</script>
</body>
</html>
Строковый объект
Создать строковый объект:
Формат: name объекта строки = новая строка (строка постоянная)
Формат: string переменная name = "string constant"
Пример проверки электронной почты:
Кода -копия выглядит следующим образом:
<! Doctype html>
<html>
<голова>
<title> emailconfirm.html </title>
<meta http-equiv = "Keywords" content = "Keyword1, Keyword2, Keyword3">
<meta http-equiv = "description" content = "Это моя страница">
<meta http-equiv = "content-type" content = "text/html; charset = utf-8">
<!-<link rel = "styleSheet" type = "text/css" href = "./ styles.css">->
<script type = "text/javascript">
функция isemail ()
{
var emailvalue = document.getElementsbyname ("email") [0] .value;
if (-1 == emailvalue.indexof ("@")))
{
Alert («Пожалуйста, заполните правильный адрес электронной почты»);
}
еще
{
оповещение ("OK");
}
}
</script>
</head>
<тело>
<форма>
Электронная почта: <input type = "text" name = "email"> <br/>
<input type = "button" value = "check" onclick = "isemail ()">
</form>
</body>
</html>
Пользовательские объекты
Я упоминал пример, когда я говорил о функциях раньше. Теперь позвольте мне поговорить об этом примере:
Кода -копия выглядит следующим образом:
<! Doctype html>
<html>
<голова>
<title> objecttest.html </title>
<meta http-equiv = "Keywords" content = "Keyword1, Keyword2, Keyword3">
<meta http-equiv = "description" content = "Это моя страница">
<meta http-equiv = "content-type" content = "text/html; charset = utf-8">
<!-<link rel = "styleSheet" type = "text/css" href = "./ styles.css">->
</head>
<тело>
<script type = "text/javascript">
// способ определения объектов: построив функции
Функциональный член (имя, пол)
{
//свойство
this.name = name;
this.gender = пол;
// метод
this.display = display; // указать метод отображения объекта члена
}
функция Display ()
{
var str = this.name + ":" + this.gender;
// Кто использовал этот метод отображения? Это здесь указывает на этот объект
document.writeln (str + "<br/>");
}
// генерировать объект
var m1 = новый член ("Zhangsan", "Male");
var m2 = новый член ("lisi", "мужчина");
var m3 = новый член ("wangwu", "мужчина");
var m4 = новый член ("wangfang", "Женский");
с (документ)
{
написать ("выходные свойства", "<br/>");
написать (m1.name + ":" + m1.gender + "<br/>");
написать (m2.name + ":" + m2.gender + "<br/>");
написать (m3.name + ":" + m3.gender + "<br/>");
написать (m4.name + ":" + m4.gender + "<br/>");
}
document.write ("Method Call", "<br/>");
m1.display ();
m2.display ();
m3.display ();
m4.display ();
</script>
</body>
</html>
Получили ли вы новое понимание концепции и использования объектов в JavaScript? Я надеюсь, что вам понравится эта статья и эта серия статей.