10 راه برای استفاده از اپراتور گسترش در JavaScript

من مطمئن هستم که شما از اپراتور پخش در JavaScript (.) شنیده اید ، این یکی از قدرتمندترین اپراتورهای JavaScript است و می تواند بسیاری از مشکلات مانند ده موردی را که در زیر پیدا خواهید کرد ، حل کند.

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

در شکل اصلی ، اپراتور پخش مانند سه نقطه به نظر می رسد.

کپی یک لینک ثابت آرایه

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

بیایید بگوییم که ما آرایه ای به نام ARR1 داریم و می خواهیم یک کلون از این آرایه به نام ARR2 بسازیم.

بنابراین به این ترتیب ، ما می توانیم یک آرایه اساسی را کپی کنیم ، اما توجه داشته باشیم که برای آرایه ها یا آرایه های چند سطحی با تاریخ یا توابع کار نمی کند.

ترکیب آرایه های ثابت

بیایید بگوییم که شما دو آرایه دارید که می خواهید در یک ادغام شوید ، این اتفاق اغلب اتفاق می افتد ، و ما می توانیم از روش Concat استفاده کنیم. همانطور که در زیر مشاهده می کنید ، اپراتور گسترش این روش را آسانتر می کند.

بنابراین اکنون دو آرایه (ARR1 ، ARR2) در ARR3 ترکیب شده اند.

می توانید بیان کنید که ابتدا با ترتیب متفاوت آنها باید ابتدا بیاید.

این یک روش خوب برای ترکیب آرایه ها است. مبلغی که می توانید اضافه کنید بی نهایت است ، بنابراین می توانید به اضافه کردن اپراتورهای گسترده ادامه دهید.

یک مورد را به یک لینک ثابت آرایه اضافه کنید

بیایید بگوییم که شما یک آرایه دارید اما باید یک یا چند مورد اضافه کنید. شما می توانید از array. push استفاده کنید ، اما اپراتور گسترش نیز خوب کار خواهد کرد.

همانطور که مشاهده می کنید ، این رشته جدید را به انتهای آرایه موجود ما اضافه می کند.

حتی می توانید چندین رشته را پشت سر بگذارید.

اضافه کردن یک ملک به یک پیوند ثابت

بیایید بگوییم که شما یک موضوع از یک کاربر دارید ، اما این یک ویژگی سنی را از دست نمی دهد.

ما می توانیم مجدداً از اپراتور گسترش استفاده کنیم تا سن را به این شیء کاربر اضافه کنیم.

آنچه در بالا اتفاق می افتد این است که ما شیء کاربر را پخش می کنیم و یک ویژگی جدید به نام سن را با ارزش 31 به آن اضافه می کنیم.

کل تنظیمات به این شکل خواهد بود.

از توابع ریاضی () استفاده کنید

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

این یکی دیگر از گزینه های عالی برای درخشش اپراتور پخش است.

آرایه ورودی ما به این شکل خواهد بود

برای به دست آوردن کمترین شماره ، می توانیم از اپراتور گسترش و روش Math. min استفاده کنیم.

این نتیج ه-1 خواهد بود زیرا این کمترین تعداد است.-1 را از آرایه امتحان کنید و حذف کنید. خواهید دید که پایین ترین میزان 0 خواهد شد.

برای به دست آوردن بیشترین شماره می توانیم از روش Math. max استفاده کنیم.

همانطور که مشاهده می کنید ، حداکثر 5 باز خواهد گشت. اگر 5 را حذف کنیم ، 3 برمی گردد.

اگر کنجکاو هستید ببینید اگر پخش نشود چه اتفاقی می افتد:

این NAN را باز می گرداند زیرا JavaScript نمی داند حداکثر در یک آرایه باشد.

آرایه را به عنوان آرگومان های عملکرد ثابت پخش کنید

بیایید بگوییم که ما عملکردی داریم که سه آرگومان طول می کشد.

ما می توانیم این عملکرد را به روش زیر بنامیم:

اما چه اتفاقی می افتد اگر آرایه ای داشته باشیم که می خواهیم از آن عبور کنیم.

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

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

تماس کامل به این شکل خواهد بود:

آرگومان های نامحدود را به یک پیوند ثابت منتقل کنید

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

اگر این عملکرد را با چندین آرگومان فراخوانی کنیم ، اتفاقات زیر را می بینیم.

این موارد زیر را برمی گرداند:

سپس ما می توانیم به صورت پویا از آرگومان ها حلقه کنیم.

تبدیل یک گره به یک پیوند ثابت

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

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

اکنون می توانیم به راحتی از این عناصر حلقه کنیم زیرا آنها در قالب آرایه ای قرار دارند.

توجه: اگر می خواهید اطلاعات بیشتری در مورد حلقه زدن بر نتایج NodeList کسب کنید ، این مقاله را بررسی کنید.

ویران کردن یک لینک ثابت

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

بیایید بگوییم که ما دوباره یک شی برای کاربر داریم.

اکنون می توانیم با استفاده از اپراتور پخش ، این موضوع را به عنوان یک متغیر واحد تخریب کنیم.

همانطور که مشاهده می کنید ، ما شیء کاربر را تجزیه کردیم و نام اول را در متغیر FirstName و بقیه شیء در متغیر REST تخریب کردیم.

منفجر شدن یک لینک ثابت رشته

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

بیایید بگوییم رشته زیر را داریم.

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

آنجا می روید ، مجموعه ای از نامه ها.

من همچنین نحوه نوشتن این مقاله را پخش کردم. می توانید ضبط را در YouTube مشاهده کنید:

با تشکر از شما برای خواندن ، و بیایید به هم وصل شویم! پیوند ثابت

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

با استفاده از وب سایت ها - بیشتر بدانید

گزارش این تبلیغ