บทความ IT เจ๋งๆ

12 JavaScript Functions ที่ Web Developer ควรเรียนรู้ไว้

11-ก.พ.-22

คัมภีร์เทพ IT

ในบทความนี้ จะมาแนะนำ 12 JavaScript Functions ที่ Web Developer ควรเรียนรู้ไว้ เพราะ JavaScript Functions เหล่านี้ นอกจากจะช่วยให้คุณพัฒนา Web ได้เร็วขึ้นแล้ว ยังช่วยให้คุณสามารถประหยัดเวลาในการทำงานได้อีกด้วย

1. ทำให้ console log สั้นลง

หากคุณรู้สึกเบื่อกับการเขียน console.log() ใน Code ของคุณซ้ำแล้วซ้ำ Script อย่างง่ายด้านล่างนี้ จะเป็นการใช้ bind เพื่อย่อให้การเขียน console log สั้นลง เพื่อช่วยให้ Development Process รวดเร็วขึ้น (สามารถทำได้กับทุก Function)

2. Merge 2 Arrays ให้เป็น Array เดียว

หากคุณต้องการ Merge 2 Arrays ที่ไม่กำหนดขนาด ให้เป็น Array เดียว คุณสามารถใช้ JavaScript Function ซึ่งก็คือ concat

3. Merge 2 Objects ให้เป็น Object เดียว

หากคุณต้องทำงานกับ Objects คุณสามารถ Merge Object เข้าด้วยกัน ด้วยเคล็ดลับง่าย ๆ นี้

4. ทำให้ Array สั้นลง

มีวิธีง่าย ๆ สำหรับ Web Developer ในการย่อให้ Array สั้นลง คุณต้องใช้ length Method และส่งผ่านตัวเลขที่มีค่าน้อยกว่าขนาดของ Array จริง

5. สุ่มค่าใน Array

บางครั้งคุณอาจต้องการสุ่มค่าที่อยู่ใน Array และเพื่อให้บรรลุสิ่งนี้ คุณสามารถใช้ Array.sort Function กับ Random compareFunction

6. ใช้ isNum เพื่อตรวจสอบ Number หรือไม่

ด้วย Function นี้ คุณสามารถตรวจสอบได้ว่า “ค่า” หรือ “ตัวแปร” นั้นเป็นตัวเลข (int, float ฯลฯ) หรือไม่

7. ใช้ isStr เพื่อตรวจสอบ String หรือไม่

สำหรับ Function นี้ คุณสามารถตรวจสอบได้ว่า “ค่า” หรือ “ตัวแปร” อยู่ใน String Format หรือไม่

8. ใช้ isNull เพื่อตรวจสอบว่าเป็น Null หรือไม่

คุณสามารถใช้ Function นี้เพื่อตรวจสอบว่า Result หรือ Data นั้น เป็น Null หรือไม่

9. วัด Performance ของ Function

หากคุณต้องการตรวจสอบว่า Function นั้น ๆ ใช้เวลาทำงานนานเท่าไร คุณสามารถใช้วิธีนี้ใน Program ของคุณได้

10. ลบข้อมูลซ้ำจาก Array

เรามักพบกับปัญหาเรื่อง Array ที่มี Duplicated Data (ข้อมูลซ้ำ) และใช้ Loop เพื่อลบ Data ที่ Duplicate ออก Function นี้สามารถลบ Data ที่ Duplicate ด้วยวิธีง่าย ๆ โดยไม่ต้องใช้ Loop

11. ใช้ Logical AND/OR สำหรับ Conditions

แทนที่จะใช้ if-condition คุณสามารถใช้ Logical AND/OR ได้ สิ่งนี้สามารถใช้ภายใน Function เพื่อการ Execute คำสั่งได้

หรือเพื่อ Assign ค่า

12. Ternary Operator

Ternary Operator นั้นยอดเยี่ยมมาก คุณสามารถหลีกเลี่ยงพวก Condition ที่ซ้อน ๆ กันเยอะ ๆ อย่างเช่น if..elseif..elseif ได้ด้วย Ternary Operators 

ที่มา:  https://javascript.plainenglish.io/

 

 

รับตำแหน่งงานไอทีใหม่ๆ ด้วยบริการ IT Job Alert

 

อัพเดทบทความจากคนวงในสายไอทีทาง LINE ก่อนใคร
อย่าลืมแอดไลน์ @techstarth เป็นเพื่อนนะคะ

เพิ่มเพื่อน

 

บทความล่าสุด

ประเภทบทความ