كائن افتراضي
تاريخ كائن التاريخ ،
التنسيق: اسم كائن التاريخ = تاريخ جديد ([معلمة التاريخ])
معلمات التاريخ:
1. حذف (الأكثر استخدامًا) ؛
2. التنسيق الإنجليزي: شهر ويوم ، السنة الأولى [الساعة: الدقيقة: ثواني]
على سبيل المثال: اليوم = تاريخ جديد ("1 أكتوبر 12008 12:00:00")
3. الشكل العددي: السنة الأولى ، الشهر ، اليوم ، [ساعة ، دقيقة ، ثانية]
على سبيل المثال: اليوم = تاريخ جديد (2008،10،1)
طرق تاريخ التاريخ:
التنسيق: اسم كائن التاريخ. الطريقة ([المعلمة])
مثال على الاستخدام:
نسخة الكود كما يلي:
<body>
<script type = "text/javaScript">
تاريخ var = تاريخ جديد () ؛ // الكائنات المقدمة بشكل افتراضي في JS
document.writeln ("اللحظة الحالية:" + (date.getyear () + 1900) + "سنة"
+ (date.getmonth () + 1) + "شهر" + date.getDate ()
+ "اليوم" + "، أسبوعيًا" + Date.getDay () + "، الوقت:" // سيكون يوم الأحد 0 ، والمزيد من المعالجة مطلوبة ، لذلك لن تتم معالجتها هنا.
+ date.gethours () + ":" + date.getMinutes () + ":" + date.getSeconds ()) ؛
</script>
</body>
الإخراج:
اللحظة الحالية: 21 أبريل 2014 ، 1 ، الوقت: 14: 7: 53
كائنات الصفيف
تتمثل وظيفة كائن صفيف في استخدام اسم متغير منفصل لتخزين سلسلة من القيم.
صفائف JavaScript لها ميزتان خاصتان:
1. طول الصفيف غير مؤكد ويمكن توسيعه تلقائيًا ؛
2. قد تكون أنواع البيانات المخزنة في الصفيف غير متسقة ، أي يمكن تخزين أنواع البيانات المختلفة في التخزين المختلط.
قم بإنشاء تنسيقات متعددة لكائنات الصفيف:
صفيف جديد () ؛
الصفيف الذي تم إرجاعه فارغ وحقل الطول هو 0.
صفيف جديد (الحجم) ؛
حجم المعلمة هو العدد المتوقع لعناصر الصفيف. الصفيف الذي تم إرجاعه ، سيتم ضبط حقل الطول على قيمة الحجم. يعيد هذا المنشئ صفيفًا مع الرقم المحدد والعناصر غير محددة.
صفيف جديد (element0 ، element1 ، ... ، elementn) ؛
سيقوم هذا المُنشئ بتهيئة الصفيف بالقيمة المحددة بواسطة المعلمة ، وسيتم ضبط حقل الطول للمصفوفة على عدد المعلمات.
اسم كائن الصفيف = [العنصر 1 [، العنصر 2 ، ...]]
(لاحظ أن الأقواس المربعة تستخدم هنا).
عندما يتم استدعاء مُنشئ كدالة دون استخدام المشغل الجديد ، يكون سلوكه هو نفسه تمامًا كما هو الحال مع المشغل الجديد.
يمكنك أيضًا إنشاء صفائف ثنائية الأبعاد.
يمكن العثور على طريقة كائن الصفيف على: http://www.w3school.com.cn/jsref/jsref_obj_array.asp
أمثلة على استخدام كائن الصفيف:
نسخة الكود كما يلي:
<! doctype html>
<html>
<head>
<title> arraytest.html </itlem>
<meta http-equiv = "الكلمات الرئيسية" content = "Keyword1 ، Keyword2 ، Keyword3">
<meta http-equiv = "description" content = "This is is my past">
<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"] ؛ // الموصى بها الاستخدام
// يمكنك إضافة عناصر ديناميكية
ثمار. push ("البطيخ") ؛
الفواكه. push ("Orange") ؛
لـ (var i = 0 ؛ i <fruits.length ؛ ++ i)
{
document.writeln ("fruit [" + i + "] =" + ثمار [i] + "<br/>") ؛
}
// اختبار طريقة الصفيف
مع (وثيقة)
{
اكتب ("<ul>") ؛
اكتب ("<li>" + Fruits.join () + "</li>") ؛
اكتب ("<li>" + fruits.join ("؛") + "</li>") ؛
اكتب ("<li>" + Fruits.ToString () + "</li>") ؛
اكتب ("<li>" + Fruits.reverse ().
اكتب ("<li>" + Fruits.valueof () + "</li>") ؛
// تشير إلى أن العكس أعلاه قد غير بالفعل الصفيف نفسه
اكتب ("</ul>") ؛
}
// صفيف ثنائي الأبعاد
var people = صفيف جديد (3) ؛
الناس [0] = صفيف جديد (1 ، "Zhangsan" ، "Lisi") ؛
الناس [1] = صفيف جديد (2 ، "جاك" ، "لوسي") ؛
الناس [2] = صفيف جديد (3 ، "Xiaoming" ، "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 ariable name = "String STANTER"
مثال على التحقق من البريد الإلكتروني:
نسخة الكود كما يلي:
<! doctype html>
<html>
<head>
<title> eLamConfirm.html </title>
<meta http-equiv = "الكلمات الرئيسية" content = "Keyword1 ، Keyword2 ، Keyword3">
<meta http-equiv = "description" content = "This is is my past">
<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>
<Porm>
البريد الإلكتروني: <إدخال type = "text" name = "email"> <br/>
<type type = "button" value = "check" onClick = "isemail ()">
</form>
</body>
</html>
كائنات مخصصة
ذكرت مثالاً عندما تحدثت عن الوظائف من قبل. الآن اسمحوا لي أن أتحدث عن هذا المثال:
نسخة الكود كما يلي:
<! doctype html>
<html>
<head>
<title> ObjectTest.html </itlem>
<meta http-equiv = "الكلمات الرئيسية" content = "Keyword1 ، Keyword2 ، Keyword3">
<meta http-equiv = "description" content = "This is is my past">
<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 = الجنس ؛
//طريقة
this.display = display ؛ // حدد طريقة العرض لكائن العضو
}
عرض الوظيفة ()
{
var str = this.name + ":" + this.gender ؛
// من استخدم طريقة العرض هذه؟ هذا هنا يشير إلى هذا الكائن
document.writeln (str + "<br/>") ؛
}
// إنشاء كائن
var m1 = عضو جديد ("Zhangsan" ، "ذكر") ؛
var m2 = عضو جديد ("Lisi" ، "Male") ؛
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 ("طريقة الاتصال" ، "<br/>") ؛
m1.display () ؛
m2.display () ؛
m3.display () ؛
m4.display () ؛
</script>
</body>
</html>
هل اكتسبت فهمًا جديدًا لمفهوم واستخدام الأشياء في JavaScript؟ آمل أن يعجبك هذا المقال وهذه السلسلة من المقالات.