วัตถุเริ่มต้น
วันที่วัตถุวันที่
รูปแบบ: วันที่วัตถุชื่อ = วันที่ใหม่ ([พารามิเตอร์วันที่])
พารามิเตอร์วันที่:
1. ละเว้น (ใช้กันมากที่สุด);
2. รูปแบบภาษาอังกฤษ-ตัวเลข: เดือนและวันปี 1 [ชั่วโมง: นาที: วินาที]
ตัวอย่างเช่น: วันนี้ = วันใหม่ ("1 ตุลาคม 2551 12:00:00 น.")
3. รูปแบบตัวเลข: ปีแรกเดือนวัน [ชั่วโมง, นาที, วินาที]
ตัวอย่างเช่น: วันนี้ = วันที่ใหม่ (2008,10,1)
วิธีการของวัตถุวันที่:
รูปแบบ: ชื่อวัตถุวันที่ วิธีการ ([พารามิเตอร์])
ตัวอย่างการใช้งาน:
การคัดลอกรหัสมีดังนี้:
<body>
<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>
<head>
<title> arraytest.html </title>
<meta http-equiv = "คำหลัก" content = "keyword1, keyword2, keyword3">
<meta http-equiv = "คำอธิบาย" 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 = array ใหม่ ("Apple", "Banana", "Pear");
var fruits = ["Apple", "Banana", "Pear"]; // การใช้งานที่แนะนำ
// คุณสามารถเพิ่มองค์ประกอบแบบไดนามิก
Fruits.push ("แตงโม");
Fruits.push ("Orange");
สำหรับ (var i = 0; i <fruits.length; ++ i)
-
document.writeln ("ผลไม้ [" + i + "] =" + ผลไม้ [i] + "<br/>");
-
// การทดสอบวิธีการอาร์เรย์
ด้วย (เอกสาร)
-
เขียน ("<ul>");
เขียน ("<li>" + fruits.join () + "</li>"); // ค่าเริ่มต้นใช้เพื่อแยกออกด้วยเครื่องหมายจุลภาค
เขียน ("<li>" + fruits.oin (";") + "</li>");
เขียน ("<li>" + fruits.toString () + "</li>");
เขียน ("<li>" + fruits.Reverse (). เข้าร่วม () + "</li>");
เขียน ("<li>" + fruits.valueof () + "</li>");
// ระบุว่าสิ่งที่ตรงกันข้ามข้างต้นเปลี่ยนอาร์เรย์เอง
เขียน ("</ul>");
-
// อาร์เรย์สองมิติ
var people = อาร์เรย์ใหม่ (3);
คน [0] = อาร์เรย์ใหม่ (1, "จาง", "lisi");
ผู้คน [1] = อาเรย์ใหม่ (2, "แจ็ค", "ลูซี่");
ผู้คน [2] = อาเรย์ใหม่ (3, "Xiaoming", "Xiaohong");
// โปรดทราบว่าชนิดข้อมูลสามารถใช้ในลักษณะที่หลากหลาย
// โอนอาร์เรย์สองมิติ
สำหรับ (var i = 0; i <people.length; ++ i)
-
สำหรับ (var j = 0; j <คน [i] .length; ++ j)
-
document.write ("คน [" + i + "] [" + j + "] =" + คน [i] [j] + "<br/>");
-
document.write ("<br/>");
-
</script>
</body>
</html>
วัตถุสตริง
สร้างวัตถุสตริง:
รูปแบบ: สตริงชื่อวัตถุ = สตริงใหม่ (ค่าคงที่สตริง)
รูปแบบ: สตริงตัวแปรชื่อ = "สตริงคงที่"
ตัวอย่างการตรวจสอบอีเมล:
การคัดลอกรหัสมีดังนี้:
<! doctype html>
<html>
<head>
<title> emailconfirm.html </title>
<meta http-equiv = "คำหลัก" content = "keyword1, keyword2, keyword3">
<meta http-equiv = "คำอธิบาย" 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 ("อีเมล") [0] .Value;
if (-1 == emailvalue.indexof ("@")))
-
การแจ้งเตือน ("กรุณากรอกที่อยู่อีเมลที่ถูกต้อง");
-
อื่น
-
การแจ้งเตือน ("ตกลง");
-
-
</script>
</head>
<body>
<form>
อีเมล: <อินพุต type = "text" name = "email"> <br/>
<อินพุต type = "ปุ่ม" value = "ตรวจสอบ" onclick = "isemail ()">
</form>
</body>
</html>
วัตถุที่กำหนดเอง
ฉันพูดถึงตัวอย่างเมื่อฉันพูดถึงฟังก์ชั่นมาก่อน ตอนนี้ให้ฉันพูดถึงตัวอย่างนี้:
การคัดลอกรหัสมีดังนี้:
<! doctype html>
<html>
<head>
<title> ObjectTest.html </title>
<meta http-equiv = "คำหลัก" content = "keyword1, keyword2, keyword3">
<meta http-equiv = "คำอธิบาย" 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 = ชื่อ;
this.gender = เพศ;
//วิธี
this.display = display; // ระบุวิธีการแสดงผลของวัตถุสมาชิก
-
ฟังก์ชั่นการแสดงผล ()
-
var str = this.name + ":" + this.gender;
// ใครใช้วิธีการแสดงผลนี้? นี่ชี้ไปที่วัตถุนั้น
document.writeln (str + "<br/>");
-
// สร้างวัตถุ
var m1 = สมาชิกใหม่ ("จางซาน", "ชาย");
var m2 = สมาชิกใหม่ ("lisi", "male");
var m3 = สมาชิกใหม่ ("Wangwu", "Male");
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 ("วิธีการโทร", "<br/>");
m1.display ();
m2.display ();
m3.display ();
m4.display ();
</script>
</body>
</html>
คุณได้รับความเข้าใจใหม่เกี่ยวกับแนวคิดและการใช้วัตถุใน JavaScript หรือไม่? ฉันหวังว่าคุณจะชอบบทความนี้และบทความชุดนี้