Objeto predeterminado
Fecha del objeto Fecha,
Formato: Fecha Nombre del objeto = nueva fecha ([parámetro de fecha])
Parámetros de fecha:
1. Omitir (más comúnmente utilizado);
2. Formato inglés-numérico: mes y día, año 1 [Hora: Minuto: segundos]
Por ejemplo: hoy = nueva fecha ("1 de octubre de 2008 12:00:00")
3. Formato numérico: primer año, mes, día, [hora, minuto, segundo]
Por ejemplo: hoy = nueva fecha (2008,10,1)
Métodos de objetos de fecha:
Formato: Fecha Nombre del objeto. Método ([parámetro])
Ejemplo de uso:
La copia del código es la siguiente:
<Body>
<script type = "text/javaScript">
var date = new Date (); // Objetos proporcionados por defecto en JS
document.writeln ("Momento presente:" + (date.getyear () + 1900) + "año"
+ (date.getMonth () + 1) + "mes" + date.getDate ()
+ "Día" + ", semanal" + date.getday () + ", la hora:" // el domingo será 0, y se requiere un procesamiento adicional, por lo que no se procesará aquí.
+ date.gethours () + ":" + date.getminutes () + ":" + date.getSeconds ());
</script>
</body>
Producción:
Momento actual: 21 de abril de 2014, 1, Tiempo: 14: 7: 53
Objetos de matriz
La función de un objeto de matriz es usar un nombre de variable separado para almacenar una serie de valores.
Las matrices JavaScript tienen dos características especiales:
1. La longitud de la matriz es incierta y se puede ampliar automáticamente;
2. Los tipos de datos almacenados en la matriz pueden ser inconsistentes, es decir, se pueden almacenar diferentes tipos de datos en el almacenamiento mixto.
Cree múltiples formatos para objetos de matriz:
nueva matriz ();
La matriz devuelta está vacía y el campo de longitud es 0.
nueva matriz (tamaño);
El tamaño del parámetro es el número esperado de elementos de matriz. La matriz devuelta, el campo de longitud se establecerá en el valor del tamaño. Este constructor devuelve una matriz con el número especificado y los elementos están indefinidos.
nueva matriz (Element0, Element1, ..., elementn);
Este constructor inicializará la matriz con el valor especificado por el parámetro, y el campo de longitud de la matriz se establecerá en el número de parámetros.
Nombre del objeto de matriz = [Elemento 1 [, Elemento 2, ...]]
(Tenga en cuenta que los soportes cuadrados se usan aquí).
Cuando un constructor se llama como una función sin usar el nuevo operador, su comportamiento es exactamente el mismo que cuando se llama con el nuevo operador.
También puede crear matrices bidimensionales.
El método del objeto de matriz se puede encontrar en: http://www.w3school.com.cn/jsref/jsref_obj_array.asp
Ejemplos de uso de objetos de matriz:
La copia del código es la siguiente:
<! Doctype html>
<html>
<Evista>
<title> arrayTest.html </title>
<meta http-equiv = "Keywords" content = "Keyword1, Keyword2, Keyword3">
<meta http-oquiv = "descripción" content = "esta es mi página">
<meta http-equiv = "content-type" content = "text/html; charset = utf-8">
<!-<link rel = "stylesheet" type = "text/css" href = "./ styles.css">->
</ablo>
<Body>
<script type = "text/javaScript">
// var frutas = nueva matriz ("manzana", "plátano", "pera");
var fruits = ["manzana", "plátano", "pera"]; // uso recomendado
// Puede agregar elementos dinámicamente
frutas.push ("sandía");
frutas.push ("naranja");
para (var i = 0; i <fruits.length; ++ i)
{
document.writeLn ("fruta [" + i + "] =" + frutas [i] + "<br/>");
}
// prueba del método de matriz
con (documento)
{
escribir ("<ul>");
escribir ("<li>" + fruits.Join () + "</li>"); // El valor predeterminado se usa para separarlo con comas
escribir ("<li>" + fruits.Join (";") + "</li>");
escribir ("<li>" + fruits.toString () + "</li>");
escribir ("<li>" + fruits.reverse (). Join () + "</li>");
escribir ("<li>" + fruits.valueOf () + "</li>");
// indica que el reverso anterior realmente cambió la matriz en sí misma
escribir ("</ul>");
}
// matriz bidimensional
Var People = New Array (3);
gente [0] = nueva matriz (1, "zhangsan", "lisi");
gente [1] = nueva matriz (2, "Jack", "Lucy");
personas [2] = nueva matriz (3, "xiaoming", "xiaohong");
// Tenga en cuenta que los tipos de datos se pueden usar de manera mixta
// transferir la matriz bidimensional
para (var i = 0; i <personas.length; ++ i)
{
para (var j = 0; j <personas [i] .length; ++ j)
{
document.write ("People [" + i + "] [" + j + "] =" + personas [i] [j] + "<br/>");
}
document.write ("<br/>");
}
</script>
</body>
</html>
Objeto de cadena
Crear un objeto de cadena:
Formato: name de objeto de cadena = new String (String Constant)
Formato: cadena variable name = "string constante"
Un ejemplo de verificación de correo electrónico:
La copia del código es la siguiente:
<! Doctype html>
<html>
<Evista>
<title> emailconfirm.html </title>
<meta http-equiv = "Keywords" content = "Keyword1, Keyword2, Keyword3">
<meta http-oquiv = "descripción" content = "esta es mi página">
<meta http-equiv = "content-type" content = "text/html; charset = utf-8">
<!-<link rel = "stylesheet" type = "text/css" href = "./ styles.css">->
<script type = "text/javaScript">
función isemail ()
{
var correaxValue = document.getElementsByName ("correo electrónico") [0] .Value;
if (-1 == Correo electrónicoValue.Indexof ("@"))
{
alerta ("Complete la dirección de correo electrónico correcta");
}
demás
{
alerta ("OK");
}
}
</script>
</ablo>
<Body>
<form>
Correo electrónico: <input type = "text" name = "correo electrónico"> <br/>
<input type = "button" value = "check" onClick = "isEmail ()">
</form>
</body>
</html>
Objetos personalizados
Mencioné un ejemplo cuando hablé sobre funciones antes. Ahora déjame hablar sobre este ejemplo:
La copia del código es la siguiente:
<! Doctype html>
<html>
<Evista>
<title> ObjectTest.html </title>
<meta http-equiv = "Keywords" content = "Keyword1, Keyword2, Keyword3">
<meta http-oquiv = "descripción" content = "esta es mi página">
<meta http-equiv = "content-type" content = "text/html; charset = utf-8">
<!-<link rel = "stylesheet" type = "text/css" href = "./ styles.css">->
</ablo>
<Body>
<script type = "text/javaScript">
// Una forma de definir objetos: construyendo funciones
Miembro de la función (nombre, género)
{
//propiedad
this.name = name;
this.gender = género;
//método
this.display = display; // Especifique el método de visualización del objeto miembro
}
FUNCIÓN PANTALLA ()
{
var str = this.name + ":" + this.gender;
// ¿Quién ha utilizado este método de visualización? Esto aquí apunta a ese objeto
document.writeln (str + "<br/>");
}
// Generar objeto
var m1 = nuevo miembro ("zhangsan", "masculino");
var m2 = nuevo miembro ("lisi", "masculino");
var m3 = nuevo miembro ("wangwu", "masculino");
var m4 = nuevo miembro ("wangfang", "mujer");
con (documento)
{
escribir ("propiedades de salida", "<br/>");
escribir (m1.name + ":" + m1.gender + "<br/>");
escribir (m2.name + ":" + m2.gender + "<br/>");
escribir (m3.name + ":" + m3.gender + "<br/>");
escribir (m4.name + ":" + m4.gender + "<br/>");
}
document.write ("Método de llamada", "<br/>");
m1.display ();
m2.display ();
m3.display ();
m4.display ();
</script>
</body>
</html>
¿Ha obtenido una nueva comprensión del concepto y el uso de objetos en JavaScript? Espero que te pueda gustar este artículo y esta serie de artículos.