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

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

บทบาทของอาร์เรย์ของวัตถุคือ: ใช้ชื่อตัวแปรที่แยกต่างหากเพื่อเก็บชุดของค่า


ตัวอย่าง

ตัวอย่างออนไลน์

สร้างอาร์เรย์มอบหมาย:

ตัวอย่าง

var mycars = new Array();
mycars[0] = "Saab";
mycars[1] = "Volvo";
mycars[2] = "BMW";

ลอง»

ด้านล่างของหน้าเว็บที่คุณสามารถหาตัวอย่างเพิ่มเติม


อาร์เรย์คืออะไร?

อาร์เรย์ของวัตถุที่ใช้ตัวแปรเดียวในการจัดเก็บชื่อชุดของค่าที่

หากคุณมีชุดของข้อมูล (ตัวอย่างเช่น: ชื่อของรถ) มีตัวแปรเดียวดังนี้

var car1="Saab";
var car2="Volvo";
var car3="BMW";

แต่ถ้าคุณต้องการที่จะหารถที่เฉพาะเจาะจง และไม่สาม แต่ 300 มันได้หรือไม่ นี้จะไม่เป็นเรื่องง่าย!

วิธีที่ดีที่สุดคือการใช้อาร์เรย์

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

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


สร้างอาร์เรย์

สร้างอาร์เรย์มีสามวิธี

รหัสต่อไปนี้กำหนดอาร์เรย์ของวัตถุที่เรียกว่า myCars:

1: ลักษณะทั่วไป:

var myCars=new Array();
myCars[0]="Saab";
myCars[1]="Volvo";
myCars[2]="BMW";

2: ลักษณะที่เรียบง่าย:

var myCars=new Array("Saab","Volvo","BMW");

3: ตัวอักษร:

var myCars=["Saab","Volvo","BMW"];


การเข้าถึงอาร์เรย์

โดยระบุชื่ออาร์เรย์และจำนวนดัชนีคุณสามารถเข้าถึงองค์ประกอบเฉพาะ

กรณีดังต่อไปนี้สามารถเข้าถึงคนแรก myCars ค่าอาร์เรย์:

var name=myCars[0];

ตัวอย่างต่อไปนี้จะมีการเปลี่ยนแปลงองค์ประกอบแรกของอาร์เรย์ของ myCars นี้:

myCars[0]="Opel";

โคมไฟ [0] เป็นองค์ประกอบแรกของอาร์เรย์ [1] เป็นองค์ประกอบที่สองของอาร์เรย์


ในอาร์เรย์ของวัตถุที่คุณสามารถมีความแตกต่างกัน

ตัวแปรทั้งหมดเป็นวัตถุ JavaScript องค์ประกอบมากมายเป็นวัตถุ ฟังก์ชั่นเป็นวัตถุ

ดังนั้นคุณสามารถมีชนิดตัวแปรที่แตกต่างกันในอาร์เรย์

คุณสามารถรวมองค์ประกอบวัตถุฟังก์ชันอาร์เรย์ในอาร์เรย์:

myArray [0] = Date.now;
myArray [1] = myFunction;
myArray [2] = myCars;


วิธีการที่หลากหลายและคุณสมบัติ

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

var x=myCars.length // myCars 中元素的数量
var y=myCars.indexOf("Volvo") // "Volvo" 值的索引值


อาร์เรย์ที่สมบูรณ์ของการอ้างอิงวัตถุ

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

คู่มืออ้างอิงมีคำอธิบาย (และตัวอย่างเพิ่มเติม) คุณลักษณะทั้งหมดและวิธีการ

อาร์เรย์ที่สมบูรณ์ของการอ้างอิงวัตถุ


สร้างวิธีการใหม่

JavaScript เป็นต้นแบบก่อสร้างทั่วโลก มันสามารถสร้างคุณสมบัติใหม่และวิธีการวัตถุ Javascript

ตัวอย่าง: การสร้างวิธีการใหม่

Array.prototype.myUcase = function () {
สำหรับ (i = 0; i <this.length; i ++) {
นี้ [I] = นี้ [I] .toUpperCase ();
}
}

ลอง»

ตัวอย่างข้างต้นจะสร้างแถวใหม่ของวิธีการสำหรับตัวละครอาร์เรย์ตัวพิมพ์เล็กพิมพ์ใหญ่กับตัวละคร


ตัวอย่าง

ตัวอย่างเพิ่มเติม

ผสานสองอาร์เรย์ - concat ()

ผสานสามอาร์เรย์ - concat ()

ธาตุองค์ประกอบของอาร์เรย์สตริง - เข้าร่วม ()

นำองค์ประกอบสุดท้ายของอาร์เรย์ - ป๊อป ()

ที่เพิ่มเข้ามาปลายแถวขององค์ประกอบใหม่ - การผลักดัน ()

ลำดับขององค์ประกอบในอาร์เรย์ย้อนกลับการจัดเรียง - ย้อนกลับ ()

นำองค์ประกอบแรกของอาร์เรย์ - กะ ()

เลือกจาก array ขององค์ประกอบอัน - ชิ้น ()

เรียงแถว (จากน้อยไปมากตามลำดับตัวอักษร) - การเรียงลำดับ ()

การจัดเรียงตัวเลข (ในเรียงลำดับตัวเลข) - การเรียงลำดับ ()

หมายเลขลำดับ (เรียงลำดับตัวเลข) - การเรียงลำดับ ()

เพิ่มองค์ประกอบไปที่ตำแหน่งที่สองในอาร์เรย์ - ประกบกัน ()

แปลงอาร์เรย์สตริง -toString ()

ในการเริ่มต้นของอาร์เรย์เพื่อเพิ่มองค์ประกอบใหม่ - unshift ()

JavaScript อาร์เรย์ (อาร์เรย์) วัตถุ
10/30