10 ترفند کمکی برای کوتاه کردن کدهای جاوا اسکریپتی قسمت دوم

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

1- اختصاص مقادیر به چند متغیر

ما می تونیم به چند متغیر در یک خط آرایه مقادیری اختصاص بدیم.

//Longhand 
let a, b, c; 
a = 5; 
b = 8; 
c = 12;

 //Shorthand 
let [a, b, c] = [5, 8, 12];

2- اختصاص مقدار پیش فرض

ما می تونیم از OR (||) برای تعیین مقدار پیش فرض به یک متغیر در صورت خالی موندن به عنوان مقدار پیش فرض استفاده بکنیم.

//Longhand 
let imagePath; 
let path = getImagePath(); 
if(path !== null && path !== undefined && path !== '') { 
  imagePath = path; 
} else { 
  imagePath = 'default.jpg'; 
} 

//Shorthand 
let imagePath = getImagePath() || 'default.jpg';

3- ارزیابی اتصال کوتاه AND (&&)

اگر فقط درصورتی که یک متغیر درست باشه ، تابعی فراخوانی می کنه ، پس با استفاده از اتصال کوتاه AND (&&) می تونید این کار را در یک خط انجام بدید.

//Longhand 
if (isLoggedin) {
 goToHomepage(); 
} 

//Shorthand 
isLoggedin && goToHomepage();

در اینجا ، در تکنیک کوتاه، اگر isLoggedin درست باشه، فقط goToHomepage () اجرا می شه.

4- دو متغیر را مبادله کنید

برای مبادله دو متغیر ، ما اغلب از یک متغیر سوم استفاده می کنیم. ما می تونیم دو متغیر را به راحتی با انتساب ساختار آرایه مبادله کنیم.

let x = 'Hello', y = 55; //Longhand 
const temp = x; 
x = y; 
y = temp; 

//Shorthand 
[x, y] = [y, x];

5- بررسی شرایط چندگانه

برای تطبیق چندگانه ، می توانیم همه مقادیر را در آرایه قرار دهیم و از روش indexOf () استفاده کنیم.

//Longhand 
if (value === 1 || value === 'one' || value === 2 || value === 'two') { 
// Execute some code 
} 

// Shorthand 
if ([1, 'one', 2, 'two'].indexOf(value) >= 0) { 
// Execute some code 
}

6- یک رشته را برای چند بار تکرار کنید
برای تکرار یک رشته برای تعداد مشخصی می تونید از حلقه for استفاده کنید. اما با استفاده از متد repeat() می تونیم اون توی یک خط انجام بدیم.

//Longhand 
let str = ''; 
for(let i = 0; i < 5; i ++) { 
  str += 'Hello '; 
} 
console.log(str); // Hello Hello Hello Hello Hello 

// Shorthand 
'Hello '.repeat(5);

7- به توان رسوندن

می توانیم از روش Math.pow () برای به توان رسوندن یه عدد استفاده کنیم. یک نحو کوتاهتر برای انجام این کار هستش که با ستاره دوتایی انجام میشه (**).

//Longhand 
const power = Math.pow(4, 3); // 64 

// Shorthand 
const power = 4**3; // 64

8- گرد کردن یک عدد اعشار به صحیح

//Longhand 
const floor = Math.floor(6.8); // 6 

// Shorthand 
const floor = ~~6.8; // 6

9- کاراکتر از رشته پیدا

let str = 'jscurious.com'; //Longhand 
str.charAt(2); // c 

//Shorthand 
str[2]; // c

10- حداکثر و حداقل عدد در آرایه پیدا کنید.

می توانیم از حلقه برای در آرایه استفاده کنیم تا حداکثر یا حداقل عدد پیدا کنیم. همچنین می تونیم از روش Array.reduce () برای پیدا کردن حداکثر و حداقل تعداد در آرایه استفاده کنیم.

اما با استفاده از اپراتور spread می توانیم اون توی یک خط انجام بدیم.

// Shorthand 
const arr = [2, 8, 15, 4]; 
Math.max(...arr); // 15 
Math.min(...arr); // 2

قبلا توی این مقاله درباره اپراتور spread مفصل صحبت کردم.

خب به انتهای این مقاله رسیدیم.امیدوارم از این مقاله استفاده کامل برده باشید.

ممنون از توجهتون :)