هناك العديد من محتويات الكائنات في JavaScript ، ويمكنني اختيار عدد قليل من استخدام المزيد لشرحه.
تعلم بعضًا عبر الإنترنت وقراءة أدلة دراسة JavaScript.
إذا كنت تريد هذا الدليل ، فيمكنك ترك رسالة ، وسأرسلها إليك إذا رأيتها. حسنًا ، دعنا نلخص طريقي الخاص إلى التقدم.
1. الكائن:
(1) جميع الأحداث في جافا سكريبت هي الكائنات: السلاسل ، المصفوفات ، وظائف ...
(2) كل كائن له خصائص وطرق.
(3) يسمح JS كائنات مخصصة.
2. الكائنات المخصصة:
(1) تحديد وإنشاء مثيل كائن.
(2) استخدم وظائف لتحديد الكائن ، ثم إنشاء مثيل كائن جديد.
مثال (لـ 2- (1)):
الطريقة 1:
<script>
الناس = كائن جديد () ؛
people.name = "Yan Xiaoyuan" ؛
people.age = "18" ؛
document.write ("الاسم:"+people.name+"، العمر:"+people.age) ؛
</script>
النتيجة: الواجهة تطبع الاسم: يان شياوويوان ، العمر: 18
الطريقة 2:
<script>
الناس = كائن جديد () ؛
الناس = {
الاسم: "يان شياوويوان" ،
العمر: 18
}
document.write ("الاسم:"+people.name+"، العمر:"+people.age) ؛
</script>
النتيجة: الواجهة تطبع الاسم: يان شياوويوان ، العمر: 18
مثال (لـ 2- (2)):
<script>
وظيفة الناس (الاسم ، العمر) {
this.name = name ؛
this.age = العمر ؛
}
الابن = أشخاص جدد ("يان شياوويوان" ، 18) ؛
document.write ("الاسم:"+son.name+"، العمر:"+son.age) ؛
</script>
النتيجة: الواجهة تطبع الاسم: يان شياوويوان ، العمر: 18
كائن سلسلة السلسلة
1. كائن string:
يتم استخدام كائن السلسلة لمعالجة السلاسل الموجودة ؛ يمكن استخدام السلاسل في عروض أسعار واحدة أو مزدوجة [توسيع: الاستخدام المختلط لتجنب النزاعات. 】.
2. إظهار بعض الخصائص:
(1) ابحث عن السلسلة في السلسلة: indexof ()
مثال (لـ 2- (1)):
<script>
var str = "Hello World" ؛
document.write ("String:"+Str.length+"<br/>") ؛
document.write ("موقع العالم:"+str.indexof ("World")+"<br/>") ؛
document.write ("llllll's location" str.indexof ("lllllll")) ؛
</script>
النتيجة: الواجهة تطبع السلسلة: 11
موقع العالم: 6
موقع Lllllll: -1
(2) مطابقة المحتوى: Match ()
مثال (لـ 2- (2)):
<script>
var str = "Hello World" ؛
document.write (str.match ("World")) ؛
document.write (str.match ("llllllll")) ؛
</script>
النتيجة: الواجهة تطبع العالم الفارغ
(3) استبدال المحتوى: استبدال ()
مثال (لـ 2- (3)):
<script>
var str = "Hello World" ؛
document.write (str.replace ("World" ، "123")) ؛
</script>
النتائج: الواجهة تطبع مرحبا 123
(4) تحويل القيمة: touppercase () / tolowercase ()
مثال (لـ 2- (4)):
<script>
var str = "Hello World" ؛
document.write (str.touppercase ()) ؛
</script>
النتائج: الواجهة تطبع مرحبا العالم
(5) تحويل السلسلة إلى صفيف: split ()
مثال (لـ 2- (5)):
<script>
var str1 = "Hello ، JJJ ، LLL ، KKK" ؛
var s = str1.split ("،") ؛ // استخدم الفواصل كفاصل
document.write (s [1]) ؛
</script>
النتيجة: واجهة طباعة JJJ
----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------
كائن التاريخ
1. كائن:
يتم استخدام كائنات التاريخ لمعالجة التواريخ والأوقات.
2. الحصول على تاريخ اليوم.
3. بعض الطرق الشائعة الاستخدام:
(1) GetLyier (): الحصول على السنة.
(2) GetTime (): الحصول على مللي ثانية.
(3) SETLYEAR (): اضبط التاريخ المحدد.
(4) GetDay (): احصل على الأسبوع.
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
مثال (ل 3):
<script>
var date = new date () ؛
document.write (Date+"<br/>") ؛
document.write (date.getlyear ()+"<br/>") ؛
document.write (date.getTime ()+"<br/>") ؛
document.write (date.getDay ()+"<br/>") ؛
Date.setlyear (2010،1،1) ؛
document.write (date) ؛
</script>
نتيجة:
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
4. مثال على مدار الساعة:
<html>
<head>
<script>
وظيفة بدء التشغيل () {
var اليوم = تاريخ جديد () ؛
var h = today.gethours () ؛
var m = today.getMinutes () ؛
var s = today.getSeconds () ؛
M = CheckTime (M) ؛
s = checktime (s) ؛
document.getElementById ('txt'). innerhtml = h+":"+m+":"+s ؛
t = setTimeout ('StartTime ()' ، 500) ؛ // يعادل t = setTimeout (function () {StartIme ؛} ، 500)
}
وظيفة checktime (i) {
إذا (أنا <10) {
i = "0" + i ؛
}
العودة أنا
}
</script>
</head>
<body onload = "starttime ()">
<div id = "txt"> </viv>
</body>
</html>
النتائج: وقت العرض الديناميكي
كائن الصفيف:
1. كائن array:
استخدم متغيرات منفصلة لتخزين سلسلة من القيم.
2. خلق المصفوفة:
مثال: var myarray = ["kkk" ، "ddd" ، "ddddd"] ؛
3. الوصول إلى المصفوفات:
من خلال تحديد اسم الصفيف ورقم الفهرس ، يمكنك الوصول إلى عنصر معين.
[ملاحظة: [0] هو العنصر الأول من الصفيف ، وهلم جرا. 】
4. الطرق الشائعة للصفائف:
(1) CONCAT (): دمج صفائف.
(2) الفرز (): الفرز.
(3) push (): عنصر إلحاق في النهاية.
(4) عكسي (): قلب عنصر الصفيف.
مثال (لـ 4- (1)):
<script>
var a = ["aa" ، "bb"] ؛
var B = ["CC" ، "DD"] ؛
var c = a.concat (b) ؛
document.write (c) ؛
</script>
النتيجة: يطبع الواجهة AA BB CC DD
مثال (لـ 4- (2)):
<script>
var a = ["A" ، "C" ، "D" ، "T" ، "B" ، "E"] ؛
document.write (a.sort ()) ؛
</script>
النتيجة: تطبع الواجهة abcedt
【ممتد】
<script>
var a = ["5" ، "2" ، "3" ، "4" ، "1"] ؛
document.write (A.Sort (function (a ، b) {return ba ؛}))
</script>
النتيجة: تطبع الواجهة 54321. (PS: لأن BA مرتبة بترتيب عكسي).
مثال (لـ 4- (3)):
<script>
var a = ["a" ، "b"] ؛
A.Push (C) ؛
document.write (a) ؛
</script>
النتائج: طباعة ABC
مثال (لـ 4- (4)):
<script>
var a = ["C" ، "B" ، "A"] ؛
document.write (A.Reverse ()) ؛
</script>
النتائج: طباعة ABC
كائن الرياضيات:
1. كائن Match:
أداء المهام الحسابية الشائعة.
2. الطرق الشائعة:
(1) الجولة (): الجولة (): مدورة.
(2) عشوائي (): إرجاع رقم عشوائي بين 0 و 1.
(3) Max (): إرجاع أعلى قيمة.
(4) دقيقة (): إرجاع الحد الأدنى للقيمة.
(5) ABS (): إرجاع القيمة المطلقة.
مثال (لـ 2- (1)):
document.write (Math.Round (2.5)) ؛
النتائج: 3 مطبوعة على الواجهة
مثال (لـ 2- (2)):
document.write (Math.Randow ()) ؛
النتيجة: تطبع الواجهة بشكل عشوائي عددًا من 0 ~ 1.
document.write (Math.Randow ()*10) ؛
النتيجة: تقوم الواجهة بشكل عشوائي بطباعة رقم من 1 إلى 10.
document.write (parseint (Math.Randow ())) ؛
النتيجة: تطبع الواجهة بشكل عشوائي رقمًا من 0 إلى 1 ، وهذا الرقم هو عدد صحيح.
مثال (لـ 2- (3)):
document.write (Math.Max (10،20،3،90)) ؛
النتيجة: تقوم الواجهة بطباعة القيمة القصوى البالغة 90.
مثال (لـ 2- (4)):
document.write (Math.min (12،0،2،3،4)) ؛
النتيجة: تطبع الواجهة الحد الأدنى لقيمة 0.
مثال (لـ 2- (5)):
document.write (Math.abs (-10)) ؛
النتيجة: الواجهة تطبع 10.