บทความสาธิตวิธีการจัดเรียงอาร์เรย์ตามคุณสมบัติของวัตถุใน JavaScript เนื้อหาที่แสดงในคู่มือนี้มีดังต่อไปนี้
- วิธีจัดเรียงอาร์เรย์ตามคุณสมบัติของวัตถุใน JavaScript
- ตัวอย่างที่ 1: Sort Array โดยเรียงตามตัวอักษรโดยใช้คุณสมบัติชื่อใน JavaScript
- ตัวอย่างที่ 2: จัดเรียงอาร์เรย์ตามลำดับตัวเลขโดยใช้คุณสมบัติอายุใน JavaScript
จะจัดเรียงอาร์เรย์ตามคุณสมบัติของวัตถุใน JavaScript ได้อย่างไร
ดิ array.sort() วิธีการอำนวยความสะดวกในการจัดเรียงองค์ประกอบอาร์เรย์โดยใช้ฟังก์ชันเรียกกลับ ฟังก์ชันเรียกกลับจะวนซ้ำองค์ประกอบทั้งหมดตามคุณสมบัติของวัตถุในอาร์เรย์ วัตถุประสงค์ของวิธีนี้คือการคำนวณองค์ประกอบทั้งหมดโดยปฏิบัติตามเงื่อนไขที่ผู้ใช้กำหนด โดยค่าเริ่มต้น the array.sort() วิธีการส่งกลับลำดับจากน้อยไปมากขององค์ประกอบในอาร์เรย์ที่มีอยู่
ไวยากรณ์
array.sort ( )
บันทึก : วิธีการนี้ใช้เพื่อจัดเรียงองค์ประกอบที่เป็นตัวเลขและตัวอักษร
ตัวอย่างที่ 1: Sort Array โดยเรียงตามตัวอักษรโดยใช้คุณสมบัติชื่อใน JavaScript
ตัวอย่างใช้ในการจัดเรียงค่าอาร์เรย์ผ่านคุณสมบัติใน JavaScript
รหัส
console.log ( 'ตัวอย่างการจัดเรียงอาร์เรย์ใน JavaScript' ) ;
const ครู = [
{ ชื่อ: 'จอห์น' , อายุ: 30 } ,
{ ชื่อ: 'ปีเตอร์' , อายุ: 27 } ,
{ ชื่อ: 'บ๊อบ' , อายุ: 38 }
] ;
ครู.sort ( ( x และ y ) = > x.name.localeCompare ( y.name ) ) ;
console.log ( ครูผู้สอน ) ;
คำอธิบายของรหัสแสดงอยู่ด้านล่าง:
- อาร์เรย์ “ ครูผู้สอน ” ถูกสร้างขึ้นในที่ ชื่อ และ อายุ คุณสมบัติจะถูกเก็บไว้
- วิธีการ “ localeCompare ” ถูกดัดแปลงเพื่อเปรียบเทียบ ชื่อ
- ดิ เรียงลำดับ() วิธีที่ใช้เรียก “ localeCompare() ” วิธีเปรียบเทียบอักษรตัวแรกของ ชื่อ
- เมธอดนี้ดำเนินการวนซ้ำผ่านองค์ประกอบทั้งหมดในอาร์เรย์ปัจจุบัน
- ในที่สุด console.log() ใช้เพื่อแสดงค่าของคุณสมบัติชื่อตามลำดับตัวอักษร
เอาท์พุต
ผลลัพธ์จะส่งคืนอาร์เรย์ที่จัดเรียงตามลำดับตัวอักษร เช่น บ๊อบ, จอห์น, และ ปีเตอร์ .
ตัวอย่างที่ 2: จัดเรียงอาร์เรย์ตามลำดับตัวเลขโดยใช้คุณสมบัติอายุใน JavaScript
อีกตัวอย่างหนึ่งคือดำเนินการเรียงลำดับอาร์เรย์ผ่านคุณสมบัติของวัตถุใน JavaScript
รหัส
console.log ( 'ตัวอย่างการจัดเรียงอาร์เรย์ใน JavaScript' ) ;โดยที่ objAr = [
{ ชื่อ: 'จอห์น' , อายุ: 30 } ,
{ ชื่อ: 'ปีเตอร์' , อายุ: 27 } ,
{ ชื่อ: 'บ๊อบ' , อายุ: 38 }
] ;
ผลผลิต =objAr.sort ( cmpAge ) ;
การทำงาน cmpAge ( ก, ข )
{
กลับ a.age - b.age;
}
console.log ( ผลผลิต ) ;
ในรหัสนี้:
- อาร์เรย์ objAr ถูกสร้างขึ้นในที่ ชื่อ และ อายุ คุณสมบัติจะถูกเก็บไว้
- หลังจากนั้นวิธีที่เรียกว่า cmpAge ใช้เพื่อเปรียบเทียบ อายุ
- นอกจากนี้ เรียงลำดับ() ใช้สำหรับเรียก cmpAge() วิธีการเปรียบเทียบ อายุ
- วิธีนี้จะประเมินค่าทั้งหมดของ อายุ คุณสมบัติในอาร์เรย์
- ในที่สุด console.log() ใช้วิธีการเพื่อแสดงคุณสมบัติอายุในลำดับจากน้อยไปมาก
เอาท์พุต
ผลลัพธ์แสดงอาร์เรย์ที่เรียงลำดับโดยใช้ อายุ คุณสมบัติในจาวาสคริปต์
บทสรุป
ใน JavaScript เมธอดในตัว array.sort() ใช้เพื่อจัดเรียงอาร์เรย์โดยเข้าถึงคุณสมบัติของอาร์เรย์ เมธอดนี้ใช้ฟังก์ชันเรียกกลับเพื่อทำซ้ำผ่านองค์ประกอบทั้งหมดในอาร์เรย์ที่มีอยู่ มีการแสดงตัวอย่างสองตัวอย่างเพื่อจัดเรียงอาร์เรย์โดย ตามตัวอักษร เช่นกัน ตัวเลข คำสั่ง. ดังนั้น คุณต้องเข้าใจวิธีการจัดเรียงอาร์เรย์ตามคุณสมบัติของวัตถุ นอกจากนี้ เบราว์เซอร์ที่มีชื่อเสียงทั้งหมดยังรองรับ array.sort() วิธีการของ JavaScript .