Site icon บริษัท โค๊ดบี จำกัด

รวม javascript utils ฟังก์ชั่นอรรถประโยชน์ที่ใช้งานบ่อย

รวมฟังก์ชั่น-javascript-utils

รวมฟังก์ชั่น-javascript-utils

<h3>รวม javascript utils ฟังก์ชั่นอรรถประโยชน์ที่ใช้งานบ่อย<&sol;h3>&NewLine;<p><&sol;br><br &sol;>&NewLine;<strong>รวม javascript utils ฟังก์ชั่นอรรถประโยชน์ที่ใช้งานบ่อย<&sol;strong><br &sol;>&NewLine;ฟังก์ชั่น Utils สำหรับการเขียนโปรแกรมคือการรวบรวมฟังก์ชั่นอรรถประโยชน์ที่ใช้งานบ่อย ๆ มาสร้างเป็นคลาสชื่อว่า utils และนำไปใช้งานในคลาสอื่นหรือส่วนต่าง ๆ ในขั้นตอนของการพัฒนา สำหรับภาษา javascript เราสามารถสร้างไฟล์ <&excl;--more-->utils&period;js เพื่อเก็บรวบรวมฟังก์ชั่นอรรถประโยชน์ต่าง ๆ ไว้ใช้งานได้เช่นกัน ตัวอย่างฟังก์ชั่นต่าง ๆ ที่เรามักจะใช้งานอยู่บ่อย ๆ ในการเขียนภาษา javascript<br &sol;>&NewLine;<&sol;br><&sol;p>&NewLine;<blockquote><p><a href&equals;"https&colon;&sol;&sol;www&period;codebee&period;co&period;th&sol;labs&sol;examples&sol;javascriptUtils&period;zip">ดาวน์โหลด Utils&period;js<&sol;a><&sol;p><&sol;blockquote>&NewLine;<p><&sol;br><&sol;p>&NewLine;<h4>ฟังก์ชั่นการคำนวณเปอร์เซ็นต์ใน javascript<&sol;h4>&NewLine;<pre class&equals;"lang&colon;default decode&colon;true " > &NewLine;function calPercentag&lpar;percent&comma;amount&rpar;&lbrace; &NewLine;&Tab;var discount &equals; &lpar;percent&ast;amount&rpar;&sol;100&semi; &NewLine;&Tab;return discount&semi; &NewLine;&rcub; &NewLine;<&sol;pre>&NewLine;<p><strong>ตัวอย่างการใช้งาน เมื่อเราต้องการรู้ว่า 10&percnt; ของ 120 คือเท่าไหร่<&sol;strong><&sol;p>&NewLine;<pre class&equals;"lang&colon;default decode&colon;true " >calPercentag&lpar;10&comma;120&rpar;&semi; &sol;&sol;ผลลัพธ์ &equals; 12<&sol;pre>&NewLine;<p><&sol;br><&sol;p>&NewLine;<h4>ฟังก์ชั่นเพิ่มเครื่องหมาย comma สำหรับตัวเลข<&sol;h4>&NewLine;<pre class&equals;"lang&colon;default decode&colon;true " > &NewLine;function addComma&lpar;x&rpar; &lbrace; &NewLine; var parts &equals; x&period;toString&lpar;&rpar;&period;split&lpar;"&period;"&rpar;&semi; &NewLine; parts&lbrack;0&rsqb; &equals; parts&lbrack;0&rsqb;&period;replace&lpar;&sol;&bsol;B&lpar;&quest;&equals;&lpar;&bsol;d&lbrace;3&rcub;&rpar;&plus;&lpar;&quest;&excl;&bsol;d&rpar;&rpar;&sol;g&comma; "&comma;"&rpar;&semi; &NewLine; return parts&period;join&lpar;"&period;"&rpar;&semi; &NewLine;&rcub; &NewLine;<&sol;pre>&NewLine;<p><strong>ตัวอย่างการใช้งาน ตัวฟังก์ชั่นจะเปลี่ยนพารามิเตอร์ number ที่ส่งเข้ามาในฟังก์ชั่นออกไปเป็น string ที่มีเครื่องหมาย comma<&sol;strong><&sol;p>&NewLine;<pre class&equals;"lang&colon;default decode&colon;true " >addComma&lpar;1400&rpar;&semi; &sol;&sol;ผลลัพธ์ &equals; 1&comma;400<&sol;pre>&NewLine;<p><&sol;br><&sol;p>&NewLine;<h4>ฟังก์ชั่นสุ่มโค๊ดสีแบบ hex<&sol;h4>&NewLine;<pre class&equals;"lang&colon;default decode&colon;true " >function randomColor&lpar;&rpar; &lbrace; &NewLine; var letters &equals; '0123456789ABCDEF'&period;split&lpar;''&rpar;&semi; &NewLine; var color &equals; '&num;'&semi; &NewLine; for &lpar;var i &equals; 0&semi; i &lt&semi; 6&semi; i&plus;&plus; &rpar; &lbrace; &NewLine; color &plus;&equals; letters&lbrack;Math&period;floor&lpar;Math&period;random&lpar;&rpar; &ast; 16&rpar;&rsqb;&semi; &NewLine; &rcub; &NewLine; return color&semi; &NewLine;&rcub;<&sol;pre>&NewLine;<p><strong>ตัวอย่างการใช้งาน<&sol;strong><&sol;p>&NewLine;<pre class&equals;"lang&colon;default decode&colon;true " >randomColor&lpar;&rpar;&semi; &sol;&sol; ผลลัพธ์ &equals; &num;650DE6<&sol;pre>&NewLine;<p><&sol;br><&sol;p>&NewLine;<h4>ฟังก์ชั่นสุ่มโค๊ดรหัส<&sol;h4>&NewLine;<pre class&equals;"lang&colon;default decode&colon;true " >function randomCode&lpar;&rpar; &lbrace; &NewLine; var code &equals; ""&semi; &NewLine; var possible &equals; "abcdefghijklmnopqrstuvwxyz0123456789"&semi; &NewLine; for&lpar; var i&equals;0&semi; i &lt&semi; 10&semi; i&plus;&plus; &rpar; &NewLine; code &plus;&equals; possible&period;charAt&lpar;Math&period;floor&lpar;Math&period;random&lpar;&rpar; &ast; possible&period;length&rpar;&rpar;&semi; &NewLine; &NewLine; return code&semi; &NewLine;&rcub;<&sol;pre>&NewLine;<p><strong>ตัวอย่างการใช้งาน<&sol;strong><&sol;p>&NewLine;<pre class&equals;"lang&colon;default decode&colon;true " >randomCode&lpar;&rpar;&semi; &sol;&sol; ผลลัพธ์ &equals; r7nd4l7e86<&sol;pre>&NewLine;<p><&sol;br><&sol;p>&NewLine;<h4>ฟังก์ชั่นแปลงค่าสีจาก RGB เป็น Hex<&sol;h4>&NewLine;<pre class&equals;"lang&colon;default decode&colon;true " >function RGBtoHEX&lpar;r&comma;g&comma;b&rpar; &NewLine;&lbrace; &NewLine;&Tab;componentToHex &equals; function&lpar;c&rpar; &lbrace; &NewLine;&Tab;&Tab;var hex &equals; c&period;toString&lpar;16&rpar;&semi; &NewLine;&Tab;&Tab;return hex&period;length &equals;&equals; 1 &quest; "0" &plus; hex &colon; hex&semi; &NewLine;&Tab;&rcub; &NewLine;&Tab;return "&num;" &plus; componentToHex&lpar;r&rpar; &plus; componentToHex&lpar;g&rpar; &plus; componentToHex&lpar;b&rpar;&semi; &NewLine;&rcub; &NewLine;<&sol;pre>&NewLine;<p><strong>ตัวอย่างการใช้งาน<&sol;strong><&sol;p>&NewLine;<pre class&equals;"lang&colon;default decode&colon;true " >RGBtoHEX&lpar;255&comma;255&comma;255&rpar;&semi; &sol;&sol; ผลลัพธ์ &equals; &num;ffffff<&sol;pre>&NewLine;<p><&sol;br><&sol;p>&NewLine;<h4>ฟังก์ชั่นแปลงค่าสีจาก Hex เป็น RGB<&sol;h4>&NewLine;<pre class&equals;"lang&colon;default decode&colon;true " >function hexToRGB&lpar;hex&rpar; &lbrace; &NewLine; var r &equals; parseInt&lpar;&lpar;cutHex&lpar;hex&rpar;&rpar;&period;substring&lpar;0&comma;2&rpar;&comma;16&rpar;&semi; &NewLine;&Tab;var g &equals; parseInt&lpar;&lpar;cutHex&lpar;hex&rpar;&rpar;&period;substring&lpar;2&comma;4&rpar;&comma;16&rpar;&semi; &NewLine;&Tab;var b &equals; parseInt&lpar;&lpar;cutHex&lpar;hex&rpar;&rpar;&period;substring&lpar;4&comma;6&rpar;&comma;16&rpar;&semi; &NewLine;&Tab;function cutHex&lpar;hex&rpar; &lbrace;return &lpar;hex&period;charAt&lpar;0&rpar;&equals;&equals;"&num;"&rpar; &quest; hex&period;substring&lpar;1&comma;7&rpar;&colon;hex&rcub; &NewLine; return r &plus; "&comma;" &plus; g &plus; "&comma;" &plus; b&semi; &NewLine;&rcub;<&sol;pre>&NewLine;<p><strong>ตัวอย่างการใช้งาน<&sol;strong><&sol;p>&NewLine;<pre class&equals;"lang&colon;default decode&colon;true " > hexToRGB&lpar;'&num;ffffff'&rpar;&semi; &sol;&sol; ผลลัพธ์ &equals; 255&comma;255&comma;255<&sol;pre>&NewLine;<p><&sol;br><&sol;p>&NewLine;<h4>ฟังก์ชั่นคืนค่าทศนิยม 2 ตำแหน่ง<&sol;h4>&NewLine;<pre class&equals;"lang&colon;default decode&colon;true " >function fixDecimal&lpar;num&rpar;&lbrace; &NewLine;&Tab;return parseFloat&lpar;Math&period;round&lpar;num &ast; 100&rpar; &sol; 100&rpar;&period;toFixed&lpar;2&rpar;&semi;&Tab; &NewLine;&rcub;<&sol;pre>&NewLine;<p><strong>ตัวอย่างการใช้งาน<&sol;strong><&sol;p>&NewLine;<pre class&equals;"lang&colon;default decode&colon;true " >fixDecimal&lpar;24&period;5600&rpar;&semi; &sol;&sol; ผลลัพธ์ &equals; 24&period;56<&sol;pre>&NewLine;<p><&sol;br><&sol;p>&NewLine;<h4>ฟังก์ชั่นตรวจสอบการเข้าชมเว็บไซต์ผ่านมือถือ<&sol;h4>&NewLine;<pre class&equals;"lang&colon;default decode&colon;true " >function isMobile&lpar;&rpar; &lbrace; &NewLine;&Tab; if&lpar; navigator&period;userAgent&period;match&lpar;&sol;Android&sol;i&rpar; &vert;&vert; navigator&period;userAgent&period;match&lpar;&sol;webOS&sol;i&rpar; &vert;&vert; navigator&period;userAgent&period;match&lpar;&sol;iPhone&sol;i&rpar; &vert;&vert; navigator&period;userAgent&period;match&lpar;&sol;iPad&sol;i&rpar; &vert;&vert; navigator&period;userAgent&period;match&lpar;&sol;iPod&sol;i&rpar; &vert;&vert; navigator&period;userAgent&period;match&lpar;&sol;BlackBerry&sol;i&rpar; &vert;&vert; navigator&period;userAgent&period;match&lpar;&sol;Windows Phone&sol;i&rpar; &NewLine;&Tab; &rpar;&lbrace; return true&semi; &rcub;else&lbrace; return false&semi; &rcub; &NewLine;&rcub;<&sol;pre>&NewLine;<p><strong>ตัวอย่างการใช้งาน <&sol;strong><&sol;p>&NewLine;<pre class&equals;"lang&colon;default decode&colon;true " >isMobile&lpar;&rpar;&semi; &sol;&sol;ผลลัพธ์ &equals; false<&sol;pre>&NewLine;<p><&sol;br><&sol;p>&NewLine;

Exit mobile version