デフォルトオブジェクト
日付オブジェクト日付、
形式:日付オブジェクト名= new Date([日付パラメーター])
日付パラメーター:
1。省略(最も一般的に使用される);
2。英語数形式:月と日、1年目[時間:分:秒]
例:今日=新しい日付( "2008年10月1,200:00:00")
3。数値形式:1年目、月、日、[時間、分、秒]
例:今日=新しい日付(2008,10,1)
日付オブジェクトの方法:
形式:日付オブジェクト名。方法([パラメーター])
使用例:
コードコピーは次のとおりです。
<body>
<script type = "text/javascript">
var date = new date(); //デフォルトで提供されたJS
document.writeln( "現在の瞬間:" +(date.getyear() + 1900) + "year"
+(date.getmonth() + 1) + "month" + date.getDate()
+ "day" + "、weekly" + date.getday() + "、time:" //日曜日は0になり、さらに処理が必要なので、ここでは処理されません。
+ date.gethours() + ":" + date.getMinutes() + ":" + date.getSeconds());
</script>
</body>
出力:
現在の瞬間:2014年4月21日、1、時間:14:7:53
配列オブジェクト
配列オブジェクトの関数は、個別の変数名を使用して一連の値を保存することです。
JavaScriptアレイには2つの特別な機能があります。
1.配列の長さは不確かで、自動的に拡張できます。
2。配列に保存されているデータ型は一貫性がない場合があります。つまり、さまざまなデータ型を混合ストレージに保存できます。
配列オブジェクトの複数の形式を作成します。
new array();
返された配列は空で、長さフィールドは0です。
新しい配列(サイズ);
パラメーターサイズは、予想される配列要素の数です。返された配列、長さフィールドはサイズの値に設定されます。このコンストラクターは、指定された数字で配列を返し、要素は未定義です。
new Array(element0、element1、...、elementn);
このコンストラクターは、パラメーターで指定された値で配列を初期化し、配列の長さフィールドはパラメーターの数に設定されます。
配列オブジェクト名= [要素1 [、要素2、...]]
(ここでは正方形の括弧が使用されていることに注意してください)。
コンストラクターが新しいオペレーターを使用せずに関数として呼ばれる場合、その動作は、新しいオペレーターと呼ばれるときとまったく同じです。
2次元配列を作成することもできます。
配列オブジェクトの方法は、http://www.w3school.com.cn/jsref/jsref_obj_array.aspにあります。
配列オブジェクトの使用の例:
コードコピーは次のとおりです。
<!doctype html>
<html>
<head>
<title> arraytest.html </title>
<meta http-equiv = "keywords" content = "keyword2、keyword3">
<メタ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>
<body>
<script type = "text/javascript">
// var Fruits = new Array( "Apple"、 "Banana"、 "pear");
var fruits = ["apple"、 "banana"、 "pear"]; //推奨使用
//要素を動的に追加できます
fruits.push( "Watermelon");
fruits.push( "orange");
for(var i = 0; i <fruits.length; ++ i)
{
document.writeln( "furt [" + i + "] =" + fruits [i] + "<br/>");
}
//配列メソッドテスト
with(document)
{
write( "<ul>");
write( "<li>" + fruits.join() + "</li>"); //デフォルトはコンマで分離するために使用されます
write( "<li>" + fruits.join( ";") + "</li>");
write( "<li>" + fruits.toString() + "</li>");
write( "<li>" + fruits.reverse()。join() + "</li>");
write( "<li>" + fruits.valueof() + "</li>");
//上記の逆が実際に配列自体を変更したことを示します
write( "</ul>");
}
// 2次元配列
var people = new Array(3);
people [0] = new Array(1、 "Zhangsan"、 "lisi");
People [1] = new Array(2、 "Jack"、 "Lucy");
People [2] = new Array(3、 "Xiaoming"、 "Xiaohong");
//データ型は混合的に使用できることに注意してください
// 2次元配列を転送します
for(var i = 0; i <peopl.length; ++ i)
{
for(var j = 0; j <people [i] .length; ++ j)
{
document.write( "people [" + i + "] [" + j + "] =" + people [i] [j] + "<br/>");
}
document.write( "<br/>");
}
</script>
</body>
</html>
文字列オブジェクト
文字列オブジェクトを作成します:
フォーマット:文字列オブジェクト名= new String(string consting)
形式:文字列変数名= "文字列定数"
電子メールの検証の例:
コードコピーは次のとおりです。
<!doctype html>
<html>
<head>
<title> emailconfirm.html </title>
<meta http-equiv = "keywords" content = "keyword2、keyword3">
<メタ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">
function isemail()
{
var emailvalue = document.getElementsbyname( "email")[0] .value;
if(-1 == emailvalue.indexof( "@")))
{
アラート(「正しいメールアドレスに記入してください」);
}
それ以外
{
アラート( "ok");
}
}
</script>
</head>
<body>
<form>
電子メール:<入力タイプ= "テキスト" name = "email"> <br/>
<入力型= "button" value = "" onclick = "isemail()">
</form>
</body>
</html>
カスタムオブジェクト
以前に機能について話したときの例に言及しました。さて、この例について話させてください:
コードコピーは次のとおりです。
<!doctype html>
<html>
<head>
<title> objecttest.html </title>
<meta http-equiv = "keywords" content = "keyword2、keyword3">
<メタ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>
<body>
<script type = "text/javascript">
//オブジェクトを定義する方法:関数を構築することにより
関数メンバー(名前、性別)
{
//財産
this.name = name;
this.gender = gender;
//方法
this.display = display; //メンバーオブジェクトの表示方法を指定します
}
関数display()
{
var str = this.name + ":" + this.gender;
//この表示方法を使用したのは誰ですか?これは、そのオブジェクトを指しています
document.writeln(str + "<br/>");
}
//オブジェクトを生成します
var M1 = new Member( "Zhangsan"、 "Male");
var m2 = new Member( "lisi"、 "MALE");
var M3 = new Member( "Wangwu"、 "Male");
var m4 = new Member( "Wangfang"、 "Female");
with(document)
{
書き込み( "出力プロパティ"、 "<br/>");
write(m1.name + ":" + m1.gender + "<br/>");
write(m2.name + ":" + m2.gender + "<br/>");
write(m3.name + ":" + m3.gender + "<br/>");
write(m4.name + ":" + m4.gender + "<br/>");
}
document.write( "call method"、 "<br/>");
m1.display();
m2.display();
m3.display();
m4.display();
</script>
</body>
</html>
JavaScriptのオブジェクトの概念と使用についての新しい理解を得ましたか?この記事とこの一連の記事を気に入っていただければ幸いです。