Destructuring Assignment در آرایهها - آزمون آنلاین جاوااسکریپت
اگه دنبال این هستی که بدونی چقدر روی یکی از مهمترین و کاربردیترین ویژگیهای جاوااسکریپت، یعنی Destructuring Assignment در آرایهها، مسلط هستی، جای درستی اومدی.
این یه کوییز ساده اما پر از نکتهست که بهت کمک میکنه هم خودت رو بسنجی و هم کلی چیز جدید یاد بگیری.
Destructuring Assignment در آرایهها
خیلی خلاصه بهت بگم، Destructuring یه سینتکس خاص در جاوااسکریپته که به من و تو اجازه میدهیم مقادیر رو از آرایهها یا آبجکتها جدا کنیم و توی متغیرهای جدید قرار بدیم.
این روش کدنویسی رو خیلی تمیزتر و کوتاهتر میکنه. فکر کن به جای اینکه دونه دونه با ایندکسها به مقادیر آرایه دسترسی پیدا کنی، با یه خط کد میتونی همه رو برداری و توی متغیرهای جداگانه بذاری.
مثلاً، به جای اینکه بنویسی:
const numbers = [10, 20, 30];
const first = numbers[0];
const second = numbers[1];
میتونی از Destructuring استفاده کنی و خیلی شیکتر این کار رو انجام بدی:
const numbers = [10, 20, 30];
const [first, second] = numbers;
این کار نه تنها کد رو خواناتر میکنه، بلکه جلوی اشتباهات احتمالی رو هم میگیره. من از این قابلیت خیلی استفاده میکنم، چون واقعاً سرعت کدنویسی رو بالا میبره.
نکات و موارد استفاده مهم
این ویژگی توی خیلی از سناریوهای واقعی به دردت میخوره. مثلاً وقتی میخوای مقادیر رو از یه آرایه برگردونده شده از یه تابع جدا کنی، یا حتی توی برنامههای فریمورکهای جدید مثل React.
برای مثال، میتونی ازش برای سادگی در گرفتن مقادیر از آرایهها استفاده کنی.
با انجام این کوییز میتونی میزان مهارت و تسلط خودت رو درباره Destructuring Assignment در آرایهها بسنجی و همزمان اطلاعات خوبی در مورد این موضوع به دست بیاری. این آزمون بهت نشون میده که کجا قوی هستی و کجا نیاز به تمرین بیشتر داری.
مثالهایی از سوالات کوییز:
- سوالات مربوط به جابهجا کردن مقادیر دو متغیر بدون استفاده از متغیر سوم.
- سوالات در مورد مقداردهی پیشفرض (Default Values) هنگام Destructure کردن.
- سوالات در مورد Rest Operator (...) و نحوهی استفاده از اون.
- چگونه از Destructuring برای نادیده گرفتن یک یا چند مقدار در یک آرایه استفاده کنیم.
چگونه از Destructuring استفاده کنیم؟
استفاده از این روش خیلی سادهست. کافیه متغیرهای مورد نظرت رو داخل یک آرایه در سمت چپ عبارت قرار بدی. این متغیرها به ترتیب مقادیر مربوطه رو از آرایهی سمت راست میگیرن.
اگه تعداد متغیرها کمتر از مقادیر آرایه باشه، مقادیر اضافی نادیده گرفته میشن و اگه بیشتر باشه، متغیرهای اضافی مقدار undefined میگیرن.
| کاربرد | مثال کد |
|---|---|
| گرفتن مقادیر از آرایه | const [a, b] = [1, 2, 3]; |
| نادیده گرفتن مقادیر | const [first, , third] = [1, 2, 3]; |
| مقداردهی پیشفرض | const [name = 'Guest'] = []; |
این آزمون با سوالات متنوع، ازت میپرسه که چطور از این قابلیت در سناریوهای مختلف استفاده میشه. مثلاً میتونه ازت بپرسه که چطور با استفاده از Destructuring، دو متغیر رو با هم جابهجا کنی یا چطور مقادیر پیشفرض رو برای متغیرها تعیین کنی. با شرکت در این آزمون، به جزئیات این موضوع مسلط میشی و دیگه هیچ نکتهای از قلم نمیافته.
آمادهای تا دانش خودت رو بسنجی و یه گام دیگه به سمت حرفهای شدن برداری؟ روی دکمه شروع کلیک کن و این سفر جذاب رو شروع کن.
