มีหลายที่ที่เราจำเป็นต้องใช้การตัดแต่งใน JavaScript แต่ JavaScript ไม่มีฟังก์ชันการตัดแต่งหรือวิธีการใช้งานที่แยกจากกัน ดังนั้นเราจึงจำเป็นต้องเขียนฟังก์ชันการตัดแต่งด้วยตัวเองเพื่อให้บรรลุวัตถุประสงค์ของเรา
ตัวเลือกที่หนึ่ง:
เรียกว่าในโหมดต้นแบบ กล่าวคือ ในรูปแบบของ obj.trim() วิธีการนี้เป็นวิธีที่ง่ายและใช้กันอย่างแพร่หลาย โดยมีการกำหนดไว้ดังนี้:
<script language="javascript">
-
* ลบช่องว่างทั้งสองด้าน
-
String.prototype.trim=function()
-
return this.replace(/(^s*)|(s*$)/g, ”);
-
-
* ลบช่องว่างด้านซ้าย
-
String.prototype.ltrim=function()
-
return this.replace(/(^s*)/g,”);
-
-
* ลบช่องว่างด้านขวา
-
String.prototype.rtrim=function()
-
กลับ this.replace(/(s*$)/g,”);
-
</script>
ตัวอย่างการใช้งานมีดังนี้:
<script type="text/javascript">
alert(document.getElementById('abc').value.trim());
alert(document.getElementById('abc').value.ltrim());
alert(document.getElementById('abc').value.rtrim());
</สคริปต์>
ตัวเลือกที่สอง:
เรียกว่าในโหมดเครื่องมือ นั่นคือในรูปแบบของ trim(obj) วิธีการนี้สามารถใช้สำหรับความต้องการในการประมวลผลพิเศษ และถูกกำหนดไว้ดังต่อไปนี้:
<script type="text/javascript">
-
* ลบช่องว่างทั้งสองด้าน
-
ฟังก์ชั่นตัดแต่ง (str)
-
return str.replace(/(^s*)|(s*$)/g, ”);
-
-
* ลบช่องว่างด้านซ้าย
-
ฟังก์ชั่นเล็ททริม(str)
-
กลับ str.replace(/(^s*)/g,”);
-
-
* ลบช่องว่างด้านขวา
-
ฟังก์ชั่นทริม (str)
-
กลับ str.replace(/(s*$)/g,”);
-
</script>
ตัวอย่างการใช้งานมีดังนี้:
<script type="text/javascript">
alert(trim(document.getElementById('abc').value));
alert(ltrim(document.getElementById('abc').value));
alert(rtrim(document.getElementById('abc').value));
</สคริปต์>