Objeto padrão
Data do objeto Data,
Formato: Data Nome do objeto = Nova Data ([Data Parâmetro])
Data Parâmetros:
1 omita (mais comumente usada);
2. Formato Número Inglês: mês e dia, ano 1 [hora: minuto: segundos]
Por exemplo: hoje = nova data ("outubro de 1.2008 12:00:00")
3. Formato numérico: primeiro ano, mês, dia, [hora, minuto, segundo]
Por exemplo: Today = New Date (2008,10,1)
Métodos dos objetos de data:
Formato: Data Nome do objeto. Método ([Parâmetro])
Exemplo de uso:
A cópia do código é a seguinte:
<Body>
<script type = "text/javascript">
var date = new Date (); // Objetos fornecidos por padrão em JS
Document.Writeln ("Momento presente:" + (date.getyear () + 1900) + "ano"
+ (date.getmonth () + 1) + "mês" + date.getDate ()
+ "Dia" + ", semanal" + date.getday () + ", hora:" // O domingo será 0 e o processamento adicional será necessário, para que não seja processado aqui.
+ date.gethours () + ":" + date.getminutes () + ":" + date.getSeconds ());
</script>
</body>
Saída:
Momento atual: 21 de abril de 2014, 1, tempo: 14: 7: 53
Objetos de matriz
A função de um objeto de matriz é usar um nome de variável separado para armazenar uma série de valores.
JavaScript Matrizes têm dois recursos especiais:
1. O comprimento da matriz é incerto e pode ser expandido automaticamente;
2. Os tipos de dados armazenados na matriz podem ser inconsistentes, ou seja, diferentes tipos de dados podem ser armazenados no armazenamento misto.
Crie vários formatos para objetos de matriz:
novo array ();
A matriz retornada está vazia e o campo de comprimento é 0.
nova matriz (tamanho);
O tamanho do parâmetro é o número esperado de elementos da matriz. A matriz retornada, o campo de comprimento será definido para o valor do tamanho. Este construtor retorna uma matriz com o número especificado e os elementos são indefinidos.
nova matriz (element0, element1, ..., elementn);
Este construtor inicializará a matriz com o valor especificado pelo parâmetro e o campo de comprimento da matriz será definido para o número de parâmetros.
Nome do objeto da matriz = [elemento 1 [, elemento 2, ...]]
(Observe que os colchetes são usados aqui).
Quando um construtor é chamado de função sem usar o novo operador, seu comportamento é exatamente o mesmo que quando é chamado com o novo operador.
Você também pode criar matrizes bidimensionais.
O método do objeto Array pode ser encontrado em: http://www.w3school.com.cn/jsref/jsref_obj_array.asp
Exemplos de uso de objetos de matriz:
A cópia do código é a seguinte:
<! Doctype html>
<html>
<head>
<title> Arraytest.html </title>
<meta http-equiv = "palavras-chave" content = "palavra-chave1, palavra-chave2, palavra-chave3">
<meta http-equiv = "description" content = "Esta é a minha página">
<meta http-equiv = "content-type" content = "text/html; charset = utf-8">
<!-<link rel = "stylesheet" type = "text/css" href = "./ styles.css">->
</head>
<Body>
<script type = "text/javascript">
// var frutits = new Array ("Apple", "Banana", "Pear");
var frutas = ["Apple", "Banana", "Pear"]; // Uso recomendado
// você pode adicionar elementos dinamicamente
frutas.push ("melancia");
frutas.push ("laranja");
for (var i = 0; i <frutit.length; ++ i)
{
document.writeln ("fruit [" + i + "] =" + frutas [i] + "<br/>");
}
// Teste do método da matriz
com (documento)
{
escreva ("<ul>");
Write ("<li>" + frutas.join () + "</li>"); // O padrão é usado para separá -lo com vírgulas
escreva ("<li>" + frutas.join (";") + "</li>");
write ("<li>" + frutit.toString () + "</li>");
escreva ("<li>" + frutas.versever (). junção () + "</li>");
escreva ("<li>" + frutas.valueof () + "</li>");
// indica que o reverso acima realmente mudou a própria matriz
escreva ("</ul>");
}
// Array bidimensional
Var pessoas = nova matriz (3);
pessoas [0] = nova matriz (1, "zhangsan", "lisi");
pessoas [1] = nova matriz (2, "Jack", "Lucy");
pessoas [2] = nova matriz (3, "xiaoming", "xiaohong");
// Observe que os tipos de dados podem ser usados de maneira mista
// transfira a matriz bidimensional
for (var i = 0; i <peson.length; ++ i)
{
for (var j = 0; j <pessoas [i] .Length; ++ j)
{
document.write ("pessoas [" + i + "] [" + j + "] =" + pessoas [i] [j] + "<br/>");
}
document.write ("<br/>");
}
</script>
</body>
</html>
Objeto de string
Crie um objeto String:
Formato: Nome do objeto String = new String (String constant)
Formato: string variável name = "string constant"
Um exemplo de verificação de e -mail:
A cópia do código é a seguinte:
<! Doctype html>
<html>
<head>
<title> emailconfirm.html </title>
<meta http-equiv = "palavras-chave" content = "palavra-chave1, palavra-chave2, palavra-chave3">
<meta http-equiv = "description" content = "Esta é a minha 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">
função isEmail ()
{
var em emailValue = document.getElementsByName ("email") [0] .Value;
if (-1 == emailvalue.indexof ("@"))
{
alerta ("preencha o endereço de e -mail correto");
}
outro
{
alerta ("ok");
}
}
</script>
</head>
<Body>
<morm>
E -mail: <input type = "text" name = "email"> <br/>
<input type = "button" value = "check" onclick = "isEmail ()">
</morm>
</body>
</html>
Objetos personalizados
Mencionei um exemplo quando falei sobre funções antes. Agora deixe -me falar sobre este exemplo:
A cópia do código é a seguinte:
<! Doctype html>
<html>
<head>
<title> objectTest.html </title>
<meta http-equiv = "palavras-chave" content = "palavra-chave1, palavra-chave2, palavra-chave3">
<meta http-equiv = "description" content = "Esta é a minha página">
<meta http-equiv = "content-type" content = "text/html; charset = utf-8">
<!-<link rel = "stylesheet" type = "text/css" href = "./ styles.css">->
</head>
<Body>
<script type = "text/javascript">
// Uma maneira de definir objetos: construindo funções
Membro da função (nome, gênero)
{
//propriedade
this.name = nome;
this.gnder = gênero;
//método
this.display = display; // especifique o método de exibição do objeto de membro
}
Exibição da função ()
{
var str = this.name + ":" + this.gender;
// Quem usou esse método de exibição? Isso aqui aponta para esse objeto
document.writeln (str + "<br/>");
}
// gerar objeto
var m1 = novo membro ("zhangsan", "masculino");
var m2 = novo membro ("lisi", "masculino");
var m3 = novo membro ("wangwu", "masculino");
var m4 = novo membro ("wangfang", "feminino");
com (documento)
{
Write ("Propriedades de saída", "<br/>");
write (m1.name + ":" + m1.gender + "<br/>");
escreva (m2.name + ":" + m2.gender + "<br/>");
escreva (m3.name + ":" + m3.gnder + "<br/>");
escreva (m4.name + ":" + m4.gnder + "<br/>");
}
document.Write ("Call Method", "<br/>");
m1.display ();
m2.display ();
m3.display ();
m4.display ();
</script>
</body>
</html>
Você conseguiu um novo entendimento do conceito e uso de objetos em JavaScript? Espero que você possa gostar deste artigo e desta série de artigos.