เบื่อกับการเรียนรู้และอยากได้เคล็ดลับเจ๋งๆเพื่อรับสิทธิ์ในการอวดใช่ไหม คุณได้มาถึงสถานที่ที่เหมาะสม. เคล็ดลับดีๆที่สามารถทำให้ชีวิตของคุณง่ายขึ้น!
1. ตัวเลขที่อ่านได้
เคยเจอตัวเลขยาวที่อ่านไม่ออกโดยที่คุณต้องวางนิ้วบนหน้าจอเพื่ออ่านหรือไม่ โชคดีที่มีวิธีแก้ไขง่ายๆ โดยใช้ _
ภายในขอบเขตของตัวเลข
const number = 123_456_789;
คุณสามารถใส่ _
ที่ใดก็ได้ภายในตัวเลขเพื่อให้อ่านง่ายขึ้น โดยไม่กระทบต่อตัวเลข
2. ตัดทอนจุดสิ้นสุดของอาร์เรย์
คนส่วนใหญ่ใช้ Array.length
เป็น ฟังก์ชัน getter ข้อเท็จจริงที่ไม่ค่อยมีใครทราบก็คือ สามารถใช้เป็น ผู้ตั้งค่า ได้ด้วย
let array = [1, 2, 3, 4, 5];
console.log(array); // [1, 2, 3, 4, 5] console.log(array.length); // 5
array.length = 3;
console.log(array); // [1, 2, 3]
3. การประเมินการลัดวงจร
ไม่ เราไม่ได้กำลังพูดถึง การลัดวงจร เหล่านั้น
ตัวดำเนินการ &&
และ ||
สามารถใช้ได้อย่างง่ายดายเพื่อตรวจสอบเงื่อนไขและส่งกลับค่าในบรรทัดเดียว ซึ่งเรียกว่า การประเมินการลัดวงจร
กรณีการใช้งานของ &&
const showUserData = true; const data = "not so secret data";
// will display false if showUserData is false console.log(showUserData && data);
กรณีการใช้งานของ ||
const fallbackData = "nothing to see folks"; const data = "random data";
// will display `fallbackData` if // `data` is false-ish (eg: null, undefined, '', etc) console.log(data || fallbackData);
4. การผูกมัดเสริม
ตัวดำเนินการเชื่อมโยงที่เป็นทางเลือก (
?.
) ช่วยให้คุณสามารถอ่านค่าของคุณสมบัติที่อยู่ลึกภายในสายโซ่ของอ็อบเจ็กต์ที่เชื่อมต่อกัน โดยไม่ต้องตรวจสอบว่าการอ้างอิงแต่ละรายการในสายโซ่นั้นถูกต้อง
เป็นวิธีแก้ปัญหาง่ายๆ เพื่อให้ได้คุณสมบัติที่ซ้อนกันแบบลึก โดยไม่ต้องตรวจสอบความถูกต้องของการอ้างอิงแต่ละรายการในสายโซ่
// usage (will return undefined if any of the items is not defined)
user.data?.name;
user.data?.addressList?.[0];
user.greet?.(time);
5. รับค่าที่ไม่ซ้ำในอาร์เรย์
การเข้าถึง ค่าที่ไม่ซ้ำ ในอาร์เรย์เป็นการดำเนินการที่ค่อนข้างธรรมดา มีวิธีปกติและมีวิธีที่ชาญฉลาดในการทำสิ่งนั้น
// USUAL WAY // O(n^2) time complexity & O(n) space complexity const uniqueValues = array.filter( (value, index, self) => self.indexOf(value) === index );
// SMART WAY // complexity: O(n) time & space const uniqueValues = [ ...new Set(array), ];
6. การรวมตัวกันเป็นโมฆะ
ตัวดำเนินการรวมค่าเป็นโมฆะ (
??
) คือตัวดำเนินการเชิงตรรกะที่ส่งคืนตัวถูกดำเนินการทางด้านขวามือ เมื่อตัวถูกดำเนินการทางด้านซ้ายมือเป็นโมฆะหรือไม่ได้กำหนดไว้ มิฉะนั้นจะส่งคืนตัวถูกดำเนินการทางด้านซ้ายมือ
การรวมศูนย์มีประโยชน์อย่างยิ่งเมื่อคุณต้องการส่งคืนค่าเริ่มต้นเมื่อตัวแปรอาจมี ค่า null-ish
const getUserName = (user) => {
return user?.name ?? "Anonymous";
};
7. เปลี่ยนใหม่ทั้งหมด
โดยทั่วไปเมธอด string.replace
ใช้เพื่อ แทนที่สตริงย่อยที่เกิดขึ้นครั้งแรก แต่มีวิธีง่ายๆ ในการเปลี่ยนให้เป็นฟังก์ชันที่สามารถแทนที่สตริงย่อยทั้งหมดที่เกิดขึ้นได้โดยใช้ นิพจน์ปกติ พร้อมด้วย ธงโลก
const replace_string = "Visit replacesoft. replacesoft is a software company";
console.log( replace_string.replace( /replace/, "Micro" ) ); // "Visit Microsoft. replacesoft is a software company"
console.log( replace_string.replace( /replace/g, "Micro" ) ); // "Visit Microsoft. Microsoft is a software company"
นั่นคือทั้งหมดนั่นแหละ!
การวิจัยกล่าวว่า การเขียนเป้าหมายลงบนปากกาและกระดาษ จะทำให้คุณ 21% ถึง 39% มีแนวโน้มที่จะบรรลุเป้าหมายมากขึ้น ลองดูสมุดบันทึกและวารสารเหล่านี้เพื่อทำให้การเดินทางไปสู่ความฝันของคุณง่ายขึ้น: https://www.amazon.com/Tapajyoti-Bose/e/B09VGDDHRR
ติดตามฉันเพื่อรับเกร็ดความรู้ใหม่ประจำสัปดาห์ในขอบเขตของเทคโนโลยี!
ต้องการ นักแปลอิสระด้านการพัฒนาส่วนหน้าที่ได้รับคะแนนสูงสุด เพื่อขจัดปัญหาในการพัฒนาของคุณหรือไม่? ติดต่อฉันได้ที่ Upwork
ต้องการดูว่าฉันกำลังทำอะไรอยู่? ตรวจสอบ "เว็บไซต์ส่วนตัว" และ "GitHub" ของฉัน
ต้องการเชื่อมต่อ? ติดต่อฉันทาง LinkedIn
ฉันย้ายไปบาหลี ประเทศอินโดนีเซีย ในฐานะ Digital Nomad ติดตามฉันบน Instagram เพื่อดูว่าฉันกำลังทำอะไรอยู่