1. concat () เข้าร่วมสองอาร์เรย์ขึ้นไป
วิธีนี้ไม่ได้เปลี่ยนอาร์เรย์ที่มีอยู่ แต่จะส่งคืนสำเนาของอาร์เรย์ที่เข้าร่วมเท่านั้น
ตัวอย่างเช่น:
การคัดลอกรหัสมีดังนี้:
<script type = "text/javascript">
var arr = [1, 2, 3];
var arr1 = [11, 22, 33];
document.write (arr.concat (4, 5, arr1));
</script>
ผลลัพธ์ผลลัพธ์:
1,2,3,4,5,11,22,33
2. เข้าร่วม ()
ใส่องค์ประกอบทั้งหมดของอาร์เรย์ลงในสตริง องค์ประกอบจะถูกคั่นด้วยตัวคั่นที่ระบุ
ตัวอย่างเช่น:
การคัดลอกรหัสมีดังนี้:
<script type = "text/javascript">
var arr = ['รายการ 1', 'รายการ 2', 'รายการ 3'];
var list = '<ul> <li>' + arr.join ('</li> <li>') + '</li> </ul>';
</script>
รายการผลลัพธ์:
'<ul> <li> รายการ 1 </li> <li> รายการ 2 </li> <li> รายการ 3 </li> </ul>'
นี่เป็นวิธีที่เร็วที่สุดในปัจจุบัน! การใช้รหัสดั้งเดิม (เช่นเข้าร่วม ()) ไม่ว่าจะทำอะไรภายในระบบมันมักจะเร็วกว่าที่ไม่ใช่เจ้าของภาษามาก - James Padolsey, James.padolsey.com
3. ป๊อป () ลบและส่งคืนองค์ประกอบสุดท้ายของอาร์เรย์
วิธี POP () จะลบองค์ประกอบสุดท้ายของอาร์เรย์ลดความยาวของอาร์เรย์ลง 1 และส่งคืนค่าขององค์ประกอบที่ลบ
หากอาร์เรย์ว่างเปล่าแล้ว POP () จะไม่เปลี่ยนอาร์เรย์และส่งคืนค่าที่ไม่ได้กำหนด
ตัวอย่างเช่น:
การคัดลอกรหัสมีดังนี้:
<script type = "text/javascript">
var arr = ["จอร์จ", "จอห์น", "โทมัส"];
document.write (arr + "<br/>");
document.write (arr.pop () + "<br/>");
document.write (arr);
</script>
ผลลัพธ์ผลลัพธ์:
จอร์จจอห์นโธมัส
โทมัส
จอร์จจอห์น
4. push () เพิ่มองค์ประกอบอย่างน้อยหนึ่งอย่างไปยังจุดสิ้นสุดของอาร์เรย์และส่งคืนความยาวใหม่
ตัวอย่างเช่น:
การคัดลอกรหัสมีดังนี้:
<script type = "text/javascript">
var arr = ["จอร์จ", "จอห์น", "โทมัส"];
document.write (arr + "<br/>");
document.write (arr.push ("James") + "<br/>");
document.write (arr);
</script>
ผลลัพธ์ผลลัพธ์:
จอร์จจอห์นโธมัส
4
จอร์จจอห์นโทมัสเจมส์
5. Unshift () เพิ่มองค์ประกอบอย่างน้อยหนึ่งอย่างกับจุดเริ่มต้นของอาร์เรย์และส่งคืนความยาวใหม่
ตัวอย่างเช่น:
การคัดลอกรหัสมีดังนี้:
<script type = "text/javascript">
var arr = ["จอร์จ", "จอห์น", "โทมัส"];
document.write (arr + "<br/>");
document.write (arr.unshift ("James") + "<br/>");
document.write (arr);
</script>
ผลลัพธ์ผลลัพธ์:
จอร์จจอห์นโธมัส
4
James George John Thomas
6. reverse () reverse () ย้อนกลับลำดับขององค์ประกอบในอาร์เรย์
ตัวอย่างเช่น:
การคัดลอกรหัสมีดังนี้:
<script type = "text/javascript">
var arr = ["จอร์จ", "จอห์น", "โทมัส"];
document.write (arr + "<br/>");
document.write (arr.Reverse ());
</script>
ผลลัพธ์ผลลัพธ์:
จอร์จจอห์นโธมัส
โทมัสจอห์นจอร์จ
7. Shift () ลบและส่งคืนองค์ประกอบแรกของอาร์เรย์
ตัวอย่างเช่น:
การคัดลอกรหัสมีดังนี้:
<script type = "text/javascript">
var arr = ["จอร์จ", "จอห์น", "โทมัส"];
document.write (arr + "<br/>");
document.write (arr.shift () + "<br/>");
document.write (arr);
</script>
ผลลัพธ์ผลลัพธ์:
จอร์จจอห์นโธมัส
จอร์จ
จอห์นโธมัส
8. Slice (เริ่มต้นจบ) ส่งคืนองค์ประกอบที่เลือกจากอาร์เรย์ที่มีอยู่
โปรดทราบว่าวิธีนี้ไม่ได้แก้ไขอาร์เรย์ แต่ส่งคืน subarray
ตัวอย่างเช่น:
การคัดลอกรหัสมีดังนี้:
<script type = "text/javascript">
var arr = ["จอร์จ", "จอห์น", "โทมัส"];
document.write (arr + "<br/>");
document.write (arr.slice (1) + "<br/>"); // เริ่มจากองค์ประกอบแรกจนถึงส่วนท้ายของอาร์เรย์
document.write (arr);
</script>
ผลลัพธ์ผลลัพธ์:
จอร์จจอห์นโธมัส
จอห์นโธมัส
จอร์จจอห์นโธมัส
9. เรียงลำดับ () จัดเรียงองค์ประกอบของอาร์เรย์
อ้างอิงถึงอาร์เรย์ โปรดทราบว่าอาร์เรย์ถูกเรียงลำดับบนอาร์เรย์ดั้งเดิมและไม่ได้สร้างสำเนา
โดยค่าเริ่มต้นวิธีนี้จะถูกเรียงลำดับตามลำดับของการเข้ารหัสอักขระ (ASCII)
ตัวอย่างเช่น:
การคัดลอกรหัสมีดังนี้:
<script type = "text/javascript">
var arr = อาร์เรย์ใหม่ (6);
arr [0] = "John";
arr [1] = "จอร์จ";
arr [2] = "Thomas";
document.write (arr + "<br/>");
document.write (arr.sort ());
</script>
ผลลัพธ์ผลลัพธ์:
จอห์นจอร์จโธมัส
จอร์จจอห์นโธมัส
ลองมาดูตัวอย่างอื่น:
การคัดลอกรหัสมีดังนี้:
<script type = "text/javascript">
var arr = อาร์เรย์ใหม่ (6);
arr [0] = 10
arr [1] = 5
arr [2] = 40
arr [3] = 25
arr [4] = 1,000
arr [5] = 1
document.write (arr + "<br/>");
document.write (arr.sort ());
</script>
ผลลัพธ์ผลลัพธ์:
10,5,40,25,1000,1
1,10,1000,25,40,5
เราจะเห็นว่าเราไม่ได้เรียงตามขนาดตัวเลขตามที่เราคิด หากเราต้องการเรียงลำดับตามขนาดตัวเลขเราต้องเปลี่ยนวิธีการเรียงลำดับเริ่มต้นและระบุกฎการเรียงลำดับด้วยตัวคุณเอง
ดังนี้:
การคัดลอกรหัสมีดังนี้:
<script type = "text/javascript">
var arr = อาร์เรย์ใหม่ (6);
arr [0] = 10
arr [1] = 5
arr [2] = 40
arr [3] = 25
arr [4] = 1,000
arr [5] = 1
document.write (arr + "<br/>");
document.write (arr.sort (ฟังก์ชั่น (a, b) {return a - b;})); // จากขนาดใหญ่ถึงขนาดเล็ก
</script>
ผลลัพธ์ผลลัพธ์:
10,5,40,25,1000,1
1,5,10,25,40,1000
ถ้าคุณต้องการเรียงลำดับตามลำดับจากมากไปน้อย?
เปลี่ยนกฎการเรียงลำดับเป็น:
ฟังก์ชัน (a, b) {return b - a;}
ไม่เป็นไร
10. Splice () ลบองค์ประกอบและเพิ่มองค์ประกอบใหม่ให้กับอาร์เรย์
ฟังก์ชั่นของวิธีการ splice () แตกต่างจากวิธี slice () เมธอด Splice () จะแก้ไขอาร์เรย์โดยตรง
(1) ลบองค์ประกอบอาร์เรย์ของช่วงที่ระบุ:
การคัดลอกรหัสมีดังนี้:
<script type = "text/javascript">
var arr = อาร์เรย์ใหม่ (6);
arr [0] = "จอร์จ";
arr [1] = "จอห์น";
arr [2] = "Thomas";
arr [3] = "เจมส์";
arr [4] = "adrew";
arr [5] = "Martin";
document.write (arr + "<br/>");
arr.splice (2, 3); // ลบองค์ประกอบอาร์เรย์ทั้งสามหลังจากองค์ประกอบที่สาม (รวมถึงองค์ประกอบที่สาม)
document.write (arr);
</script>
ผลลัพธ์ผลลัพธ์:
George, John, Thomas, James, Adrew, Martin
จอร์จจอห์นมาร์ติน
(2) แทรกองค์ประกอบที่ระบุจากตัวห้อยที่ระบุ (จำนวนองค์ประกอบไม่ จำกัด ):
การคัดลอกรหัสมีดังนี้:
<script type = "text/javascript">
var arr = อาร์เรย์ใหม่ (6);
arr [0] = "จอร์จ";
arr [1] = "จอห์น";
arr [2] = "Thomas";
arr [3] = "เจมส์";
arr [4] = "adrew";
arr [5] = "Martin";
document.write (arr + "<br/>");
arr.splice (2, 0, "William", "Jack"); // แทรก "William", "Jack" ก่อนองค์ประกอบที่สาม
document.write (arr);
</script>
ผลลัพธ์ผลลัพธ์:
George, John, Thomas, James, Adrew, Martin
George, John, William, Jack, Thomas, James, Adrew, Martin
(3) ลบองค์ประกอบอาร์เรย์ในช่วงที่ระบุและแทนที่ด้วยองค์ประกอบที่ระบุ (จำนวนองค์ประกอบไม่ จำกัด ):
การคัดลอกรหัสมีดังนี้:
<script type = "text/javascript">
var arr = อาร์เรย์ใหม่ (6);
arr [0] = "จอร์จ";
arr [1] = "จอห์น";
arr [2] = "Thomas";
arr [3] = "เจมส์";
arr [4] = "adrew";
arr [5] = "Martin";
document.write (arr + "<br/>");
arr.splice (2,3, "William", "Jack"); // ลบองค์ประกอบอาร์เรย์ทั้งสาม (รวมถึงองค์ประกอบที่สาม) หลังจากองค์ประกอบที่สามและแทนที่ด้วย "วิลเลียม", "แจ็ค"
document.write (arr);
</script>
ผลลัพธ์ผลลัพธ์:
George, John, Thomas, James, Adrew, Martin
จอร์จจอห์นวิลเลียมแจ็คมาร์ติน