เบื่อกับการเรียนรู้และอยากได้เคล็ดลับเจ๋งๆเพื่อรับสิทธิ์ในการอวดใช่ไหม คุณได้มาถึงสถานที่ที่เหมาะสม. เคล็ดลับดีๆที่สามารถทำให้ชีวิตของคุณง่ายขึ้น!

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 เพื่อดูว่าฉันกำลังทำอะไรอยู่