อาร์เรย์วัตถุ (อาร์เรย์วัตถุ) ใน JavaScript

1. สร้างวิธีวัตถุอาร์เรย์:

---> var arr = [1,2,3]; // วิธีการนิยามง่าย ๆ

คุณสามารถรู้ได้แล้ว

 arr [0] == 1; arr [1] == 2; arr [2] == 3; ---> อาร์เรย์ใหม่ (); var arr = อาร์เรย์ใหม่ (); // กำหนดวัตถุอาร์เรย์โดยไม่มีอะไรแล้วกำหนดค่าให้กับ arr [0] = "arr0"; arr [1] = "arr1"; จากนั้นกำหนดค่าด้วยวิธีต่อไปนี้ (วิธีการกำหนดเหมือนกับด้านบน) var arr = อาร์เรย์ใหม่ (3); arr [0] = "arr0"; arr [1] = "arr1"; arr [2] = "arr2";

คุณสามารถรู้ได้ในเวลานี้:

 arr [0] == "arr0"; arr [1] == "arr1"; arr [2] == "arr2";

2. คุณสมบัติวัตถุอาร์เรย์

มีคุณสมบัติทั่วไปสามประการในอาร์เรย์: ตัวสร้างความยาวและต้นแบบ

---> constructor ตามชื่อแนะนำคือตัวสร้างนั่นคือวัตถุที่ประกอบด้วยและในสามัญสำนึกมากขึ้นมันเป็นประเภทของวัตถุนี้ดูตัวอย่างต่อไปนี้

 var arr = อาร์เรย์ใหม่ (3); ถ้า (arr.constructor == array) {document.write ("นี่คืออาร์เรย์");} ถ้า (test.constructor == บูลีน) {document.write ("นี่คือบูลีน"); (test.constructor == สตริง) {document.write ("นี่คือสตริง");}

เอาต์พุตข้างต้นคือ: นี่คืออาร์เรย์

 ---> ความยาวนั่นคือความยาวของอาร์เรย์ var arr = อาร์เรย์ใหม่ (3); document.write (arr.length); // ผลลัพธ์ผลลัพธ์คือ 3

โปรดทราบว่าใน JavaScript คุณสมบัติของวัตถุอาร์เรย์สามารถแก้ไขได้

ดังนั้น:

 arr.length = 5; document.write (arr.length); // ผลลัพธ์ผลลัพธ์คือ 5 ---> ต้นแบบซึ่งให้ความสามารถในการเพิ่มคุณสมบัติและวิธีการลงในวัตถุ ฟังก์ชั่น myarray (ชื่ออายุ) // กำหนดคลาส คลาสนี้มีสองแอตทริบิวต์ {this.name = name; this.age = age;} var myarr = myarray ใหม่ ("John", 25); myarray.prototype.test = null; // เพิ่มคุณสมบัติสำหรับ myarray class myarr.test = "test test";

3. วิธีการ concat () ---> เชื่อมต่อสองอาร์เรย์ขึ้นไป

มีสองวิธีในการใช้:

---> เชื่อมต่อข้อมูลจริง

ตัวอย่าง:

 var arr = อาร์เรย์ใหม่ (1,2,3); แจ้งเตือน (arr.concat (4,5)); // เอาท์พุท 1,2,3,4,5

---> เชื่อมต่อสองอาร์เรย์ขึ้นไป

 var arr1 = อาร์เรย์ใหม่ (1,2,3); var arr2 = [4,5]; var arr3 = อาร์เรย์ใหม่ ("jone", "John"); แจ้งเตือน (arr1.concat (arr2, arr3)); // output 1,2,3,4,5

4. วิธีการเข้าร่วม () ---> องค์ประกอบในอาร์เรย์ถูกวางไว้ในสตริง

สามารถมีพารามิเตอร์หรือไม่มีพารามิเตอร์และพารามิเตอร์แสดงถึงวิธีการแบ่งส่วนสตริงที่สร้างขึ้น

 ---> ไม่มีพารามิเตอร์ var arr = อาร์เรย์ใหม่ ("jone", "grrgy", "john"); แจ้งเตือน (arr.join ()); // output jone, grrgy, john กลางของสตริงถูกคั่นด้วย-> พารามิเตอร์ var arr = new array ("jone", "grrgy" ตรงกลางของสตริงถูกคั่นด้วยพารามิเตอร์

5. วิธี POP () ใช้เพื่อลบและส่งคืนองค์ประกอบสุดท้ายของอาร์เรย์ (ก่อนลบ)

 var arr = อาร์เรย์ใหม่ ("jone", "John", "grrgy"); document.write (arr.pop ()); // เนื้อหาเอาท์พุท: grrgydocument.write (arr.join ("-")); // output: jone-john

6. วิธีการกด () ใช้เพื่อเพิ่มองค์ประกอบลงในอาร์เรย์สุดท้ายและส่งคืนความยาวของอาร์เรย์ (หลังจากเพิ่ม)

หากพารามิเตอร์ใน push () ว่างเปล่า (ไม่กรอกข้อมูล) ความยาวดั้งเดิมของอาร์เรย์จะถูกส่งคืนและจะไม่มีการแก้ไขใด ๆ ในอาร์เรย์

ตัวอย่าง:

 var arr = ["jone", "John", "grrgy"]; document.write (arr.push ("tom")); // output: 4 (ความยาว) document.write (arr.join ());

7. reverse () reverse () กลับลำดับขององค์ประกอบในอาร์เรย์โดยไม่มีพารามิเตอร์

ตัวอย่าง:

 var arr = ["jone", "John", "grrgy"]; document.write (arr.reverse ()); // Grrgy, John, Jone

8. Shift () ลบและส่งคืนองค์ประกอบแรกของอาร์เรย์ (ก่อนลบ)

 var arr = ["jone", "John", "grrgy"]; document.write (arr.shift ()); // output: jonedocument.write (arr.join ()); // output: Jone, John, John,

9. Slice () ส่งคืนองค์ประกอบที่ระบุจากอาร์เรย์ที่ระบุ หมายเหตุ: มันส่งคืนอาร์เรย์

มันมีสองพารามิเตอร์เริ่มต้นและสิ้นสุด

จำเป็นต้องเริ่มต้นโดยระบุตำแหน่งขององค์ประกอบเริ่มต้น

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

ตัวอย่าง:

 var arr = ["jone", "John", "grrgy", "tom", "นรก"]; var test = arr.slice (1); ถ้า (test.constructor == array) {document.write ("นี่คืออาร์เรย์ <br>");

ผลลัพธ์สุดท้ายผลลัพธ์:

นี่คืออาร์เรย์

John Grrgy Tom Hell

หากคุณเปลี่ยนการทดสอบ var = arr.slice (1) เป็น:

 test var = arr.slice (1,2);

ผลลัพธ์ผลลัพธ์คือ:

จอห์น

10. เรียงลำดับ () จัดเรียงองค์ประกอบของอาร์เรย์ซึ่งเป็นวิธีที่สำคัญมาก

มันสามารถมีพารามิเตอร์พารามิเตอร์เป็นฟังก์ชัน () ซึ่งระบุกฎการสั่งซื้อ

หมายเหตุมันสร้างสำเนาของอาร์เรย์ดั้งเดิมและจะไม่สร้างอาร์เรย์ใหม่นั่นคือมันจะถูกแก้ไขตามอาร์เรย์ดั้งเดิม

หากไม่มีการเพิ่มพารามิเตอร์มันจะตามมาด้วยวิธีการเรียงลำดับในตัวใน JavaScript ลำดับตัวอักษร

ตัวอย่าง:

 var arr = ["jone", "John", "grrgy", "tom", "hell"]; document.write (arr.sort ()); document.write ("<br>"); document.write (arr);

ผลลัพธ์ผลลัพธ์คือ:

Grrgy, นรก, John, Jone, Tom

Grrgy, นรก, John, Jone, Tom

ด้านล่างจัดเรียงตามขนาดตัวเลข

 ฟังก์ชั่น sortNumber (a, b) // ฟังก์ชั่นที่กำหนดกฎการเรียงลำดับ {ถ้า (a> b) {return 1;} อื่นถ้า (a <b) {return -1;} else {return 0;}} var arr = new Array (1,2000,3,400); document.write document.write ("<br>"); document.write (arr);

เอาท์พุท:

1,3,400,2000

1,3,400,2000

11. Splice () ลบองค์ประกอบและเพิ่มองค์ประกอบให้กับอาร์เรย์

Splice (INDEX, HOWMANY, Element1, Element2 ...... Elementx) มีการอธิบายดังนี้:

จำเป็นต้องมีดัชนีระบุตำแหน่งที่เพิ่ม/ลบองค์ประกอบ พารามิเตอร์นี้เป็นตัวห้อยขององค์ประกอบอาร์เรย์ที่เริ่มแทรกและ/หรือลบและต้องเป็นตัวเลข

ต้องใช้วิธีการใด ๆ ระบุจำนวนองค์ประกอบที่ควรลบ ต้องเป็นตัวเลข แต่สามารถเป็น "0" หากไม่ได้ระบุพารามิเตอร์นี้องค์ประกอบทั้งหมดจากดัชนีถึงจุดสิ้นสุดของอาร์เรย์ดั้งเดิมจะถูกลบ

เมื่อ Howmany เป็น 0 นั่นหมายความว่าไม่มีการลบองค์ประกอบใด ๆ ซึ่งหมายความว่าเพิ่มเฉพาะ

Element1 เป็นตัวเลือกโดยระบุองค์ประกอบใหม่ที่จะเพิ่มลงในอาร์เรย์ เริ่มแทรกจากตัวห้อยที่ระบุโดยดัชนีหลายสามารถแทรกได้

ความแตกต่างระหว่าง splice () และ slice () คือ splice () คือการประมวลผลของอาร์เรย์ดั้งเดิม มันปรับเปลี่ยนค่าของอาร์เรย์ดั้งเดิมและส่งคืนอาร์เรย์

Splice () เทียบเท่ากับการแทนที่องค์ประกอบในอาร์เรย์หรือแทรกหรือลบออก

ดูสามตัวอย่างต่อไปนี้:

 ---> แทรกเฉพาะ var arr = อาร์เรย์ใหม่ (6); arr [0] = "George"; arr [1] = "John"; arr [2] = "Thomas"; arr [3] = "James"; arr [4] = "adrew"; arr [5] = "Martin" "<br />");

ผลลัพธ์ผลลัพธ์:

George, John, Thomas, James, Adrew, Martin

George, John, William, Thomas, James, Adrew, Martin

วิลเลียมแทรกเข้าไปในตำแหน่งที่ 2

 ---> ลบเฉพาะ var arr = อาร์เรย์ใหม่ (6); arr [0] = "George"; arr [1] = "John"; arr [2] = "Thomas"; arr [3] = "James"; arr [4] = "adrew"; arr [5] = "Martin"; -

ผลลัพธ์ผลลัพธ์:

George, John, Thomas, James, Adrew, Martin

George, John, James, Adrew, Martin

ลบองค์ประกอบในตำแหน่งอาร์เรย์ 2 เดิม

 ---> ลบและเพิ่ม (เทียบเท่ากับการแทนที่) var arr = อาร์เรย์ใหม่ (6); arr [0] = "George"; arr [1] = "John"; arr [2] = "Thomas"; arr [3] = "James"; arr [4] = "adrew"; arr [5] = "Martin"; />");

ผลลัพธ์ผลลัพธ์:

George, John, Thomas, James, Adrew, Martin

George, John, William, James, Adrew, Martin

แทนที่โทมัสดั้งเดิมด้วยวิลเลียม

12. Tosource () ส่งคืนซอร์สโค้ดของวัตถุ วิธีนี้มักจะเรียกว่าโดยอัตโนมัติในพื้นหลังของ JavaScript และไม่ค่อยใช้ในเบื้องหน้า

และวิธีนี้ไม่สามารถนำไปใช้ในเบราว์เซอร์เช่น: ใน Firefox

 var myarr = new Array ('lisi', 25); document.write (myarr.tosource ());

ผลลัพธ์ผลลัพธ์คือ:

["Lisi", 25]

หากคุณกำหนดคลาสใหม่คุณสามารถแสดงชื่อแอตทริบิวต์ตัวอย่างเช่น:

 ฟังก์ชั่น myarray (ชื่อ, อายุ) {this.name = name; this.age = age;} var myarr = myarray ใหม่ ('lisi', 25); document.write (myarr.tosource ());

ผลลัพธ์ผลลัพธ์คือ:

({ชื่อ: "lisi", อายุ: 25})

คล้ายกับข้อมูลประเภท JSON เล็กน้อย แต่ก็คล้ายกัน ไม่ใช่รูปแบบประเภทข้อมูล JSON

13. TOSTRING () อาร์เรย์จะถูกส่งกลับเข้าสู่สตริงซึ่งเหมือนกับผลลัพธ์ของการเข้าร่วม () การใช้งาน แต่วิธีการเข้าร่วม () สามารถปรับแต่งสัญลักษณ์ช่วงเวลาได้

แต่ไม่สามารถใช้ toString () ได้มันสามารถแยกออกจากกันได้เช่น:

 var myarr = new Array ('Jone', 'John', 'Tom'); document.write (myarr.join ('.')); document.write ('<br>'); document.write (myarr.join (',')); document.write

ผลลัพธ์ผลลัพธ์คือ:

jone.john.tom

Jone, John, Tom

Jone, John, Tom

Jone, John, Tom

จะเห็นได้ว่าผลลัพธ์ของสามวิธีสุดท้ายนั้นเหมือนกัน

14. Unshift () คุณสามารถเพิ่มองค์ประกอบอย่างน้อยหนึ่งอย่างในจุดเริ่มต้นของอาร์เรย์และส่งคืนความยาวใหม่ของอาร์เรย์และอาร์เรย์ดั้งเดิมจะเปลี่ยน

Unshift (Element1, Element2, Element3 ...... ), อย่างน้อยหนึ่งองค์ประกอบ, ตัวอย่าง:

 var myarr = new Array ('Jone', 'John', 'Tom'); var length = myarr.unshift ('Zhangsan', 'lisi'); document.write (myarr); document.write ('<br>'); document.write (ความยาว);

ผลลัพธ์ผลลัพธ์คือ:

Zhangsan, Lisi, Jone, John, Tom

5

ข้างต้นเป็นความรู้ที่เกี่ยวข้องเกี่ยวกับวัตถุอาร์เรย์ (อาร์เรย์วัตถุ) ในจาวาสคริปต์แนะนำให้คุณรู้จักโดยบรรณาธิการ ฉันหวังว่ามันจะเป็นประโยชน์กับทุกคน!