คำอธิบายโดยละเอียดเกี่ยวกับอาร์เรย์การดำเนินการ JavaScript

1. การสร้างอาร์เรย์

การคัดลอกรหัสมีดังนี้:

var arrayobj = new Array (); // สร้างอาร์เรย์

var arrayobj = อาร์เรย์ใหม่ ([ขนาด]); // สร้างอาร์เรย์และระบุความยาวโปรดทราบว่าไม่ใช่ขีด จำกัด บน แต่เป็นความยาว

var arrayobj = อาร์เรย์ใหม่ ([องค์ประกอบ 0 [, องค์ประกอบ 1 [, ... [, elementn]]]]); // สร้างอาร์เรย์และกำหนดค่า

ควรสังเกตว่าแม้ว่าวิธีที่สองจะสร้างอาร์เรย์ที่ระบุความยาวในความเป็นจริงอาร์เรย์นั้นยาวขึ้นในทุกกรณีนั่นคือแม้ว่าจะมีการระบุความยาวองค์ประกอบยังคงสามารถเก็บไว้นอกความยาวที่ระบุได้ หมายเหตุ: ความยาวจะเปลี่ยนไปตามนั้น

2. การเข้าถึงองค์ประกอบของอาร์เรย์

การคัดลอกรหัสมีดังนี้:

var testGetArvalue = arrayobj [1]; // รับค่าองค์ประกอบของอาร์เรย์

arrayobj [1] = "นี่คือค่าใหม่"; // กำหนดค่าใหม่ให้กับองค์ประกอบอาร์เรย์

3. การเพิ่มองค์ประกอบอาร์เรย์

การคัดลอกรหัสมีดังนี้:

Arrayobj push ([item1 [item2 [. ...

arrayobj.unshift ([item1 [item2 [. ... [itemn]])); // เพิ่มองค์ประกอบใหม่อย่างน้อยหนึ่งรายการลงในอาร์เรย์เพื่อเริ่มต้นและองค์ประกอบในอาร์เรย์จะย้ายไปข้างหลังโดยอัตโนมัติ

arrayobj.splice (insertpos, 0, [item1 [, item2 [,. ... [, itemn]]]]); // แทรกองค์ประกอบใหม่อย่างน้อยหนึ่งรายการลงในตำแหน่งที่ระบุของอาร์เรย์องค์ประกอบที่ตำแหน่งแทรกโดยอัตโนมัติ

4. การลบองค์ประกอบอาร์เรย์

การคัดลอกรหัสมีดังนี้:

arrayobj.pop (); // ลบองค์ประกอบสุดท้ายและส่งคืนค่าขององค์ประกอบ

arrayobj.shift (); // ลบองค์ประกอบสุดท้ายและส่งคืนค่าองค์ประกอบองค์ประกอบในอาร์เรย์จะเลื่อนไปข้างหน้าโดยอัตโนมัติ

arrayobj.splice (deletepos, deleteCount); // ลบองค์ประกอบของจำนวน deleteCount ที่ระบุเริ่มต้นจากตำแหน่ง deletePos ที่ระบุและส่งคืนองค์ประกอบที่ถูกลบในแบบฟอร์มอาร์เรย์

5. การสกัดกั้นและการรวมของอาร์เรย์

การคัดลอกรหัสมีดังนี้:

arrayobj.slice (เริ่ม, [end]); // ส่งคืนชิ้นส่วนของอาร์เรย์ในรูปแบบของอาร์เรย์โปรดทราบว่าองค์ประกอบที่สอดคล้องกับจุดสิ้นสุดจะไม่รวมอยู่ หากมีการละเว้นสิ้นสุดองค์ประกอบทั้งหมดหลังจากเริ่มต้นจะถูกคัดลอก

arrayobj.concat ([item1 [, item2 [,. ... [, itemn]]]]); // เชื่อมต่อหลายอาร์เรย์ (สามารถเป็นสตริงหรือส่วนผสมของอาร์เรย์และสตริง) ลงในอาร์เรย์และส่งคืนอาร์เรย์ใหม่ที่เชื่อมต่อ

6. สำเนาอาร์เรย์

การคัดลอกรหัสมีดังนี้:

arrayobj.slice (0); // ส่งคืนอาร์เรย์สำเนาของอาร์เรย์โปรดทราบว่ามันเป็นอาร์เรย์ใหม่ไม่ชี้ไปที่

arrayobj.concat (); // ส่งคืนอาร์เรย์สำเนาของอาร์เรย์โปรดทราบว่ามันเป็นอาร์เรย์ใหม่ไม่ชี้ไปที่

7. จัดเรียงองค์ประกอบอาร์เรย์

การคัดลอกรหัสมีดังนี้:

arrayobj.Reverse (); // ย้อนกลับองค์ประกอบ (อันแรกได้รับการจัดอันดับสุดท้ายอันสุดท้ายจะได้รับการจัดอันดับก่อน) และส่งคืนที่อยู่อาร์เรย์

arrayobj.sort (); // เรียงลำดับองค์ประกอบอาร์เรย์และที่อยู่อาร์เรย์ส่งคืน

8. การรวบรวมองค์ประกอบอาร์เรย์

การคัดลอกรหัสมีดังนี้:

arrayobj.join (ตัวคั่น); // ส่งคืนสตริงซึ่งเข้าร่วมแต่ละค่าองค์ประกอบของอาร์เรย์เข้าด้วยกันคั่นด้วยตัวคั่น

tolocalestring, toString, valueof: มันถือได้ว่าเป็นการใช้งานพิเศษของการเข้าร่วมไม่ได้ใช้บ่อย

2. คุณสมบัติสามประการของอาร์เรย์วัตถุ

1. แอตทริบิวต์ความยาว

แอตทริบิวต์ความยาวแสดงถึงความยาวของอาร์เรย์นั่นคือจำนวนองค์ประกอบในนั้น เนื่องจากดัชนีของอาร์เรย์เริ่มต้นจาก 0 เสมอขีด จำกัด บนและล่างของอาร์เรย์คือ: 0 และความยาว -1 ตามลำดับ ซึ่งแตกต่างจากภาษาอื่น ๆ ส่วนใหญ่คุณสมบัติความยาวของอาร์เรย์ JavaScript นั้นไม่แน่นอนซึ่งต้องการความสนใจเป็นพิเศษ เมื่อแอตทริบิวต์ความยาวถูกตั้งค่าให้ใหญ่ขึ้นสถานะของอาร์เรย์ทั้งหมดจะไม่เปลี่ยนแปลงจริงเพียงแค่แอตทริบิวต์ความยาวจะใหญ่ขึ้น เมื่อแอตทริบิวต์ความยาวถูกตั้งค่าให้เล็กกว่าต้นฉบับค่าทั้งหมดขององค์ประกอบที่มีดัชนีมากกว่าหรือเท่ากับความยาวในอาร์เรย์ดั้งเดิมจะหายไป นี่คือตัวอย่างที่แสดงให้เห็นถึงการเปลี่ยนแอตทริบิวต์ความยาว:

การคัดลอกรหัสมีดังนี้:

var arr = [12,23,5,3,25,98,76,54,56,76];

// กำหนดอาร์เรย์ที่มี 10 หมายเลข

การแจ้งเตือน (arr.length); // แสดงความยาวของอาร์เรย์ 10

arr.length = 12; // เพิ่มความยาวของอาร์เรย์

การแจ้งเตือน (arr.length); // แสดงความยาวของอาร์เรย์เปลี่ยนเป็น 12

การแจ้งเตือน (arr [8]); // แสดงค่าขององค์ประกอบที่ 9 56

arr.length = 5; // ลดความยาวของอาร์เรย์เป็น 5 และองค์ประกอบที่มีดัชนีเท่ากับหรือเกิน 5 จะถูกยกเลิก

การแจ้งเตือน (arr [8]); // แสดงองค์ประกอบที่ 9 ได้กลายเป็น "ไม่ได้กำหนด"

arr.length = 10; // คืนค่าความยาวอาร์เรย์เป็น 10

การแจ้งเตือน (arr [8]); // แม้ว่าความยาวจะถูกกู้คืนเป็น 10 แต่องค์ประกอบที่ 9 ไม่สามารถหดกลับได้แสดงว่า "ไม่ได้กำหนด"

จากรหัสข้างต้นเราสามารถเห็นคุณสมบัติของแอตทริบิวต์ความยาวได้อย่างชัดเจน แต่วัตถุความยาวไม่เพียง แต่สามารถตั้งค่าได้อย่างชัดเจนเท่านั้น แต่ยังสามารถแก้ไขได้โดยปริยาย ตัวแปรที่ไม่ได้ประกาศสามารถใช้ใน JavaScript ในทำนองเดียวกันองค์ประกอบอาร์เรย์ที่ไม่ได้กำหนด (หมายถึงองค์ประกอบที่มีดัชนีเกินหรือเท่ากับความยาว) ในเวลานี้ค่าของแอตทริบิวต์ความยาวจะถูกตั้งค่าเป็นค่าของดัชนีองค์ประกอบที่ใช้บวก 1 ตัวอย่างเช่นรหัสต่อไปนี้:

การคัดลอกรหัสมีดังนี้:

var arr = [12,23,5,3,25,98,76,54,56,76];

การแจ้งเตือน (arr.length);

arr [15] = 34;

การแจ้งเตือน (arr.length);

รหัสยังกำหนดอาร์เรย์ที่มี 10 หมายเลข ผ่านคำสั่งการแจ้งเตือนจะเห็นได้ว่าความยาวของมันคือ 10 จากนั้นองค์ประกอบที่มีดัชนี 15 ถูกใช้และค่าคือ 15 นั่นคือ arr [15] = 34 ในเวลานี้ความยาวของอาร์เรย์จะถูกส่งออกโดยใช้คำสั่งการแจ้งเตือนและผลลัพธ์คือ 16 อย่างไรก็ตามนี่เป็นคุณสมบัติที่น่าแปลกใจสำหรับนักพัฒนาที่คุ้นเคยกับการเขียนโปรแกรมที่พิมพ์อย่างรุนแรง ในความเป็นจริงอาร์เรย์ที่สร้างขึ้นโดยใช้รูปแบบของอาร์เรย์ใหม่ () มีความยาวเริ่มต้นที่ 0 มันคือการทำงานขององค์ประกอบที่ไม่ได้กำหนดซึ่งเปลี่ยนความยาวของอาร์เรย์

จากการแนะนำข้างต้นเราจะเห็นว่าแอตทริบิวต์ความยาวนั้นวิเศษมากจนสามารถเพิ่มหรือลดความสามารถของอาร์เรย์ได้อย่างง่ายดาย ดังนั้นความเข้าใจในเชิงลึกของแอตทริบิวต์ความยาวจะช่วยให้สามารถนำไปใช้ได้อย่างยืดหยุ่นในระหว่างกระบวนการพัฒนา

2. คุณลักษณะต้นแบบ

ส่งคืนการอ้างอิงไปยังต้นแบบประเภทวัตถุ แอตทริบิวต์ต้นแบบถูกแชร์โดยวัตถุ

ObjectName.prototype

พารามิเตอร์ ObjectName คือชื่อของวัตถุวัตถุ

คำอธิบาย: ใช้แอตทริบิวต์ต้นแบบเพื่อให้ชุดฟังก์ชั่นพื้นฐานของคลาสของวัตถุ อินสแตนซ์ใหม่ของวัตถุ "สืบทอด" การดำเนินการที่ให้ต้นแบบวัตถุ

สำหรับวัตถุอาร์เรย์ให้ใช้ตัวอย่างต่อไปนี้เพื่อแสดงวัตถุประสงค์ของแอตทริบิวต์ต้นแบบ

เพิ่มวิธีการลงในวัตถุอาร์เรย์เพื่อส่งคืนค่าองค์ประกอบสูงสุดในอาร์เรย์ ในการทำสิ่งนี้ให้สำเร็จประกาศฟังก์ชั่นเพิ่มลงใน Array.prototype และใช้งาน

การคัดลอกรหัสมีดังนี้:

ฟังก์ชั่น array_max ()

-

var i,

สูงสุด = สิ่งนี้ [0];

สำหรับ (i = 1; i <this.length; i ++)

-

ถ้า (สูงสุด <this [i])

สูงสุด = สิ่งนี้ [i];

-

กลับมาสูงสุด;

-

array.prototype.max = array_max;

var x = อาร์เรย์ใหม่ (1, 2, 3, 4, 5, 6);

var y = x.max ();

หลังจากดำเนินการรหัสนี้แล้ว Y จะบันทึกค่าสูงสุดในอาร์เรย์ X หรือ 6

3. แอตทริบิวต์ตัวสร้าง

ฟังก์ชั่นที่แสดงถึงการสร้างวัตถุ

Object.constructor // Object เป็นชื่อของวัตถุหรือฟังก์ชั่น

คำอธิบาย: คุณสมบัติตัวสร้างเป็นสมาชิกของวัตถุทั้งหมดที่มีต้นแบบ พวกเขารวมวัตถุ JScript-inherited ทั้งหมดยกเว้นวัตถุทั่วโลกและคณิตศาสตร์ คุณสมบัติตัวสร้างมีการอ้างอิงถึงฟังก์ชั่นที่สร้างอินสแตนซ์วัตถุเฉพาะ

ตัวอย่างเช่น:

การคัดลอกรหัสมีดังนี้:

x = สตริงใหม่ ("สวัสดี");

if (x.constructor == สตริง) // กระบวนการ (เงื่อนไขเป็นจริง)

หรือ

การคัดลอกรหัสมีดังนี้:

ฟังก์ชั่น myfunc {

// ฟังก์ชั่นร่างกาย

-

y = ใหม่ myfunc;

ถ้า (y.constructor == myfunc) // กระบวนการ (เงื่อนไขเป็นจริง)

สำหรับอาร์เรย์:

การคัดลอกรหัสมีดังนี้:

y = new Array ();

ข้างต้นคือความเข้าใจส่วนตัวของฉันเกี่ยวกับวิธีการของ JavaScript ในการดำเนินการอาร์เรย์ โปรดดูที่ หากคุณพบข้อผิดพลาดใด ๆ โปรดชี้ให้เห็น