decodeURIComponent()

ในระหว่างที่กำลังจัดหน้า UX/UI อย่างอรรถรสอยู่นั้น ก็เจอข้อมูลจาก API ที่มาเป็นแบบ URI (Uniform Resource Identifier) ก็อ้าว! แย่ละหว่า ต้องทำยังไงนะ ลืม!? หลังจากนั่งหาอยู่นานก็เจอฟังก์ชันจนได้ พอดี จขบ. กำลังเขียนภาษา javascript จึงสามารถใช้ function นี้ได้

คำนิยาม

decodeURIComponent() คือฟังก์ชันสำหรับถอดรหัส URI (Uniform Resource Identifier) ที่ก่อนหน้านี้ถูกสร้างด้วย encodeURIComponent() หรือฟังก์ชันที่ทำงานคล้ายกัน

แบบเข้าใจง่าย ๆ

• decodeURIComponent() = ใช้สำหรับถอดรหัส URI
• encodeURIComponent() = ใช้สำหรับเข้ารหัส URI

Example

ตัวอย่างการถอดรหัส URI ด้วย decodeURIComponent()

let decodeText = "%E0%B8%9B%E0%B8%A5%E0%B8%B2%E0%B8%99%E0%B8%B4%E0%B8%A5";
console.log(decodeURIComponent(decodeText));
// ข้อความที่ต้องแสดง: "ปลานิล"

ตัวอย่างการเข้ารหัส URI ด้วย encodeURIComponent()

let fishName = "ปลานิล";
console.log(encodeURIComponent(fishName));
// ข้อความที่ต้องแสดง: "%E0%B8%9B%E0%B8%A5%E0%B8%B2%E0%B8%99%E0%B8%B4%E0%B8%A5"

อ้างอิง

• https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/decodeURIComponent