การเรียงข้อมูลใน array โดยเรียงจาก ข้อมูลใน object
วันที่: 30 ส.ค. 2565 19:50 น.
![การเรียงข้อมูลใน array โดยเรียงจาก ข้อมูลใน object](/images/20220830194841_79037.png)
ในการเรียงข้อมูลใน array ในภาษา javascript โดยปกติแล้วเราจะใช้ sort() แต่ถ้าต้องการเรียง โดยเรียงจากค่าใน object จะเขียนคำสั่งอย่างไร ในโพสนี้จะพาเขียนง่าย ๆ โดยมีตัวอย่างดังนี้
การเรียงค่าจากตัวเลข
const vegetables = [
{ name: "beans", price: 5 },
{ name: "tomato", price: 3 },
{ name: "pumpkin", price: 2 },
{ name: "broccoli", price: 7 }
];
console.log(vegetables.sort((a, b) => a.price - b.price));
การเรียงโดยตัวอักษร
const arr = [
{ name: 'bob', artist: 'rudy' },
{ name: 'johhny', artist: 'drusko' },
{ name: 'tiff', artist: 'needell' },
{ name: 'top', artist: 'gear' }
];
const sorted = arr.sort((a, b) => a.name.localeCompare(b.name));
console.log(sorted);
คาดว่าคงเป็นโค้ด Javascript codes ที่ใช้บ่อย ๆ และคงเป็นประโยชน์ครับ
คำค้น: array sort by key, array sorting by object value
เรื่องอื่น ๆ ที่เกี่ยวข้อง
![Javascript codes ที่ใช้บ่อย ๆ](/images/og_20220327235509_87848.png)
เมื่อวันที่: 27 มี.ค. 2565 23:55 น.
![การใช้งาน Angular ร่วมกับ Datatables เรียกใช้ข้อมูลจาก PHP และ MySQL แบบ Server-side](/images/og_20220218004240_30945.png)
การใช้งาน Angular ร่วมกับ Datatables เรียกใช้ข้อมูลจาก PHP และ MySQL แบบ Server-side
เมื่อวันที่: 18 ก.พ. 2565 00:42 น.
![สร้าง Line Login ให้กับเว็บไซต์ ด้วยภาษา PHP](/images/og_20220422230300_24360.png)
สร้าง Line Login ให้กับเว็บไซต์ ด้วยภาษา PHP
เมื่อวันที่: 22 เม.ย. 2565 22:55 น.
![การเขียนโปรแกรมภาษา php ให้เรียกใช้งาน jwt อย่างง่าย](/images/og_20220415134527_10721.png)
การเขียนโปรแกรมภาษา php ให้เรียกใช้งาน jwt อย่างง่าย
เมื่อวันที่: 15 เม.ย. 2565 13:39 น.
![Web Scraping ดึงข้อมูลจากเว็บไซต์ด้วยภาษา PHP](/images/og_20220505220610_31319.png)
Web Scraping ดึงข้อมูลจากเว็บไซต์ด้วยภาษา PHP
เมื่อวันที่: 5 พ.ค. 2565 22:06 น.
![ทำภาพสไลด์สวย ๆ ด้วย Card ร่วมกับ Swiperjs ใน Bootstrap 5 ล่าสุด](/images/og_20230209234639_38209.jpg)
ทำภาพสไลด์สวย ๆ ด้วย Card ร่วมกับ Swiperjs ใน Bootstrap 5 ล่าสุด
เมื่อวันที่: 9 ก.พ. 2566 13:37 น.