มีเนื้อหาวัตถุมากมายใน JavaScript และฉันสามารถเลือกไม่กี่อย่างที่ฉันใช้เพื่ออธิบายเพิ่มเติม
เรียนรู้ออนไลน์และอ่านคู่มือการศึกษา JavaScript
หากคุณต้องการคู่มือนี้คุณสามารถฝากข้อความไว้และฉันจะส่งให้คุณถ้าคุณเห็น มาสรุปเส้นทางของฉันไปสู่ความก้าวหน้า
1. วัตถุ:
(1) เหตุการณ์ทั้งหมดใน JavaScript เป็นวัตถุ: สตริงอาร์เรย์ฟังก์ชั่น ...
(2) แต่ละวัตถุมีคุณสมบัติและวิธีการ
(3) JS อนุญาตให้วัตถุที่กำหนดเอง
2. วัตถุที่กำหนดเอง:
(1) กำหนดและสร้างอินสแตนซ์วัตถุ
(2) ใช้ฟังก์ชั่นเพื่อกำหนดวัตถุจากนั้นสร้างอินสแตนซ์วัตถุใหม่
ตัวอย่าง (สำหรับ 2- (1)):
วิธีที่ 1:
<script>
คน = วัตถุใหม่ ();
people.name = "Yan Xiaoyuan";
People.age = "18";
document.write ("ชื่อ:"+people.name+", อายุ:"+people.age);
</script>
ผลลัพธ์: อินเทอร์เฟซพิมพ์ชื่อ: Yan Xiaoyuan อายุ: 18
วิธีที่ 2:
<script>
คน = วัตถุใหม่ ();
คน = {
ชื่อ: "Yan Xiaoyuan",
อายุ: 18
-
document.write ("ชื่อ:"+people.name+", อายุ:"+people.age);
</script>
ผลลัพธ์: อินเทอร์เฟซพิมพ์ชื่อ: Yan Xiaoyuan อายุ: 18
ตัวอย่าง (สำหรับ 2- (2)):
<script>
ฟังก์ชั่นคน (ชื่ออายุ) {
this.name = ชื่อ;
this.age = อายุ;
-
ลูกชาย = คนใหม่ ("Yan Xiaoyuan", 18);
document.write ("ชื่อ:"+son.name+", อายุ:"+son.age);
</script>
ผลลัพธ์: อินเทอร์เฟซพิมพ์ชื่อ: Yan Xiaoyuan อายุ: 18
วัตถุสตริงสตริง
1. วัตถุสไตรลิ่ง:
วัตถุสตริงใช้ในการประมวลผลสตริงที่มีอยู่ สตริงสามารถใช้ในราคาเดียวหรือสองเท่า [ขยาย: การใช้ผสมเพื่อหลีกเลี่ยงความขัดแย้ง -
2. การสาธิตคุณสมบัติบางอย่าง:
(1) ค้นหาสตริงในสตริง: indexof ()
ตัวอย่าง (สำหรับ 2- (1)):
<script>
var str = "Hello World";
document.write ("String:"+str.length+"<br/>");
document.write ("ตำแหน่งของโลก:"+str.indexof ("โลก")+"<br/>");
document.write ("ตำแหน่งของ llllll" str.indexof ("llllllll"));
</script>
ผลลัพธ์: อินเตอร์เฟสพิมพ์สตริง: 11
ที่ตั้งของโลก: 6
ตำแหน่งของ llllllll: -1
(2) การจับคู่เนื้อหา: การจับคู่ ()
ตัวอย่าง (สำหรับ 2- (2)):
<script>
var str = "Hello World";
document.write (str.match ("โลก"));
document.write (str.match ("llllllll"));
</script>
ผลลัพธ์: อินเทอร์เฟซพิมพ์ออกมาเป็นโมฆะโลก
(3) แทนที่เนื้อหา: แทนที่ ()
ตัวอย่าง (สำหรับ 2- (3)):
<script>
var str = "Hello World";
document.write (str.replace ("โลก", "123"));
</script>
ผลลัพธ์: อินเทอร์เฟซพิมพ์สวัสดี 123
(4) การแปลงตัวพิมพ์ใหญ่ของสตริง: touppercase () / toLowercase ()
ตัวอย่าง (สำหรับ 2- (4)):
<script>
var str = "Hello World";
document.write (str.touppercase ());
</script>
ผลลัพธ์: อินเทอร์เฟซพิมพ์ Hello World ออกมา
(5) แปลงสตริงเป็นอาร์เรย์: แยก ()
ตัวอย่าง (สำหรับ 2- (5)):
<script>
var str1 = "สวัสดี jjj, lll, kkk";
var s = str1.split (","); // ใช้เครื่องหมายจุลภาคเป็นตัวคั่น
document.write (s [1]);
</script>
ผลลัพธ์: การพิมพ์อินเตอร์เฟส jjj
-
วัตถุวันที่วันที่
1. วัตถุในวัน:
วัตถุวันที่ใช้ในการประมวลผลวันที่และเวลา
2. รับวันที่ของวัน
3. วิธีที่ใช้กันทั่วไปบางวิธี:
(1) GETRYLEYEAR (): รับปี
(2) getTime (): รับมิลลิวินาที
(3) SetGaleRear (): ตั้งค่าวันที่เฉพาะ
(4) getday (): รับสัปดาห์
-
ตัวอย่าง (สำหรับ 3):
<script>
วันที่ var = วันที่ใหม่ ();
document.write (วันที่+"<br/>");
document.write (date.getlyear ()+"<br/>");
document.write (date.getTime ()+"<br/>");
document.write (date.getday ()+"<br/>");
Date.Setualear (2010,1,1);
document.write (วันที่);
</script>
ผลลัพธ์:
-
4. ตัวอย่างนาฬิกา:
<html>
<head>
<script>
ฟังก์ชั่น starttime () {
var วันนี้ = วันที่ใหม่ ();
var h = วันนี้ getHours ();
var m = วันนี้ getMinutes ();
var s = วันนี้ getSeconds ();
m = เวลาตรวจสอบ (m);
s = เวลาตรวจสอบ;
document.getElementById ('txt'). innerhtml = h+":"+m+":"+s;
t = settimeout ('starttime ()', 500); // เทียบเท่ากับ t = settimeout (function () {startime;}, 500)
-
ฟังก์ชั่นตรวจสอบเวลา (i) {
ถ้า (i <10) {
i = "0" + i;
-
กลับฉัน
-
</script>
</head>
<body onload = "starttime ()">
<div id = "txt"> </div>
</body>
</html>
ผลลัพธ์: เวลาแสดงแบบไดนามิก
อาร์เรย์วัตถุ:
1. วัตถุอาเรย์:
ใช้ตัวแปรแยกต่างหากเพื่อจัดเก็บชุดของค่า
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 (ฟังก์ชั่น (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. วัตถุจับคู่:
ปฏิบัติงานทางคณิตศาสตร์ทั่วไป
2. วิธีการทั่วไป:
(1) Round (): Round (): โค้งมน
(2) สุ่ม (): ส่งคืนหมายเลขสุ่มระหว่าง 0 ถึง 1
(3) สูงสุด (): ส่งคืนค่าสูงสุด
(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