هشت نکته مفید جاوا اسکریپت برای کدنویسی کارآمد

Summarize this content to 400 words in Persian Lang
در دنیای همیشه در حال توسعه توسعه وب، جاوا اسکریپت سنگ بنای ساخت برنامه های کاربردی پویا و تعاملی است. چه یک توسعه دهنده با تجربه باشید و چه تازه شروع به کار کرده اید، اصلاح تکنیک های کدنویسی می تواند بهره وری و کیفیت کد شما را به میزان قابل توجهی افزایش دهد. در اینجا هشت نکته مفید جاوا اسکریپت وجود دارد که به شما کمک می کند کدهای تمیزتر و کارآمدتر بنویسید.

1. مقادیر Falsy را از آرایه ها حذف کنید

هنگام کار با آرایه ها، ممکن است با مقادیر نادرست نادرست مانند false، NaN، 0، undefined، null و ” مواجه شوید. حذف این مقادیر را می توان بدون زحمت با استفاده از روش فیلتر با Boolean به عنوان تابع callback به دست آورد.

let miscellaneous = [‘🍎’, false, ‘🍊’, NaN, 0, undefined, ‘🌶️’, null, ”, ‘🥭’];
let fruits = miscellaneous.filter(Boolean);
console.log(fruits); // [‘🍎’, ‘🍊’, ‘🌶️’, ‘🥭’]

وارد حالت تمام صفحه شوید

از حالت تمام صفحه خارج شوید

2. هر مقدار را به Boolean تبدیل کنید

تبدیل مقادیر به معادل های بولی آنها یک کار رایج است. این را می توان به سرعت با استفاده از عملگر انکار دوگانه (!!) یا تابع بولی انجام داد.

console.log(!!”Jhon”); // true
console.log(!!1); // true
console.log(!!0); // false
console.log(!!undefined); // false
console.log(Boolean(“Jhon”)); // true

وارد حالت تمام صفحه شوید

از حالت تمام صفحه خارج شوید

3. تغییر اندازه آرایه ها به راحتی

تنظیم طول یک آرایه با ویژگی length ساده است. این می تواند زمانی مفید باشد که شما نیاز دارید یک آرایه را به یک اندازه خاص برش دهید.

let animals = [“🐕”, “🐒”, “🦊”, “🐅”];
animals.length = 3;
console.log(animals); // [“🐕”, “🐒”, “🦊”]

وارد حالت تمام صفحه شوید

از حالت تمام صفحه خارج شوید

4. آرایه های چند بعدی را مسطح کنید

مدیریت آرایه های چند بعدی را می توان با روش مسطح ساده کرد، که آرایه های تو در تو را در یک آرایه تک سطحی مسطح می کند. برای آرایه های عمیق تو در تو، از Infinity به عنوان پارامتر استفاده کنید.

let smileys = [‘🥰’, [‘😄’, ‘😃’], ‘😉’, [‘🥲’, ‘😑’]];
console.log(smileys.flat()); // [‘🥰’, ‘😄’, ‘😃’, ‘😉’, ‘🥲’, ‘😑’]

let smileys2 = [‘🥰’, [‘😄’, ‘😃’, [‘🥲’, ‘😑’]], ‘😉’];
console.log(smileys2.flat(Infinity)); // [‘🥰’, ‘😄’, ‘😃’, ‘🥲’, ‘😑’, ‘😉’]

وارد حالت تمام صفحه شوید

از حالت تمام صفحه خارج شوید

5. شرایط کوتاه

جاوا اسکریپت اجازه می دهد تا عبارات شرطی مختصر با استفاده از عملگرهای منطقی ارائه شود. این می تواند کد شما را خواناتر و مختصرتر کند.

const captain = “Jhon”;

// Instead of this
if (captain === “Jhon”) {
console.log(“❤️”);
}

// Use this
captain === “Jhon” && console.log(“❤️”);

// And instead of this
if (captain !== “Jhon”) {
console.log(“😡”);
}

// Use this
captain === “Jhon” || console.log(“😡”);

وارد حالت تمام صفحه شوید

از حالت تمام صفحه خارج شوید

6. جایگزینی همه رخدادهای یک رشته

جایگزین کردن تمام نمونه های یک رشته فرعی در یک رشته می تواند با استفاده از یک عبارت منظم با متد جایگزین انجام شود.

const quote = “React is a JS framework & this framework is the most popular front-end framework right now”;
console.log(quote.replace(/framework/g, “library”));
// React is a JS library & this library is the most popular front-end library right now

وارد حالت تمام صفحه شوید

از حالت تمام صفحه خارج شوید

7. ثبت مقادیر با نام متغیرها

هنگام اشکال زدایی، ثبت نام متغیرها به همراه مقادیر آنها می تواند بسیار مفید باشد. علامت کوتاه شی جاوا اسکریپت این کار را آسان می کند.

const library1 = “jQuery”;
const library2 = “React”;

console.log({ library1 }); // {library1: ‘jQuery’}
console.log({ library2 }); // {library2: ‘React’}

وارد حالت تمام صفحه شوید

از حالت تمام صفحه خارج شوید

8. اندازه گیری عملکرد یک کار

درک عملکرد کد شما برای بهینه سازی بسیار مهم است. روش performance.now مهرهای زمانی با وضوح بالا برای اندازه گیری زمان اجرا ارائه می دهد.

const startTime = performance.now();

for (let i = 0; i

وارد حالت تمام صفحه شوید

از حالت تمام صفحه خارج شوید

با گنجاندن این نکات در شیوه های جاوا اسکریپت خود، می توانید کدهای کارآمدتر و خواناتر بنویسید، فرآیند اشکال زدایی خود را ساده کنید و عملکرد کلی را افزایش دهید. کد نویسی مبارک!

let miscellaneous = ['🍎', false, '🍊', NaN, 0, undefined, '🌶️', null, '', '🥭'];
let fruits = miscellaneous.filter(Boolean);
console.log(fruits); // ['🍎', '🍊', '🌶️', '🥭']

console.log(!!"Jhon"); // true
console.log(!!1); // true
console.log(!!0); // false
console.log(!!undefined); // false
console.log(Boolean("Jhon")); // true

let animals = ["🐕", "🐒", "🦊", "🐅"];
animals.length = 3;
console.log(animals); // ["🐕", "🐒", "🦊"]

let smileys = ['🥰', ['😄', '😃'], '😉', ['🥲', '😑']];
console.log(smileys.flat()); // ['🥰', '😄', '😃', '😉', '🥲', '😑']

let smileys2 = ['🥰', ['😄', '😃', ['🥲', '😑']], '😉'];
console.log(smileys2.flat(Infinity)); // ['🥰', '😄', '😃', '🥲', '😑', '😉']

const captain = "Jhon";

// Instead of this
if (captain === "Jhon") {
    console.log("❤️");
}

// Use this
captain === "Jhon" && console.log("❤️");

// And instead of this
if (captain !== "Jhon") {
    console.log("😡");
}

// Use this
captain === "Jhon" || console.log("😡");

const quote = "React is a JS framework & this framework is the most popular front-end framework right now";
console.log(quote.replace(/framework/g, "library"));
// React is a JS library & this library is the most popular front-end library right now

const library1 = "jQuery";
const library2 = "React";

console.log({ library1 }); // {library1: 'jQuery'}
console.log({ library2 }); // {library2: 'React'}

const startTime = performance.now();

for (let i = 0; i