آموزش متد fill در جاوااسکریپت
سلام خدمت تمامی دوستان و همراهان محترم سایت آموزشی فری لرن ، امیدوارم که حال همگیتون خوب باشه. لطفا در ادامه با آموزش متد fill در جاوااسکریپت با من همراه باشید.
Free-Learn
آنچه در این جلسه میخوانید :
متد fill در جاوااسکریپت
با استفاده از متد ()fill
میتونیم آیتم های یک آرایه رو به دلخواه خودمون با یک مقدار ( ثابت ) و مشخص شده پُر ( تکمیل ) نماییم.
مقدار برگشتی | برگشت یک آرایه که از مقادیر مشخص شده تکمیل شده |
---|---|
نسخه | ECMAScript 6 |
Free-Learn
مثال از این متد
در ادامه میتوانید یک مثال از این متد را در زبان جاوا اسکریپت مشاهده نمایید.
مثال شماره ۱ : استفاده عادی ( بدون نقطه شروع و پایان )
1 2 3 4 5 6 7 |
<script> var MyColor = ["Blue","Red","Green","Yellow"]; var result = document.getElementById("Result"); result.innerHTML = MyColor.fill("Free-Learn"); </script> |
مثال شماره ۲ : مشخص کردن نقطه شروع و پایان ( باید شماره ایندکس مشخص بشه )
1 2 3 4 5 6 7 |
<script> var MyColor = ["Blue","Red","Green","Yellow"]; var result = document.getElementById("Result"); result.innerHTML = MyColor.fill("Free-Learn",1,3); </script> |
مثال شماره ۳ : گرفتن متن + نقطه شروع + نقطه پایان از کاربر
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 |
<script> var MyColor = ["Blue","Red","Green","Yellow"]; var result = document.getElementById("Result"); result.innerHTML = MyColor; function Set(){ var MyColor = ["Blue","Red","Green","Yellow"]; var u_start = parseInt(document.getElementById("UStart").value); var u_end = parseInt(document.getElementById("UEnd").value); var u_text = document.getElementById("UText").value; result.innerHTML = MyColor.fill(u_text,u_start,u_end); } </script> |
Free-Learn
پشتیبانی مرورگرها
در جدول زیر میتوانید مشاهده نمایید که آیا مرورگرهای اینترنتی از این متد در جاوااسکریپت پشتیبانی میکنند یا خیر.
نام متد | Chrome | Firefox | Opera | Safari | IE |
()fill | بله | بله | بله | بله | بله |
Free-Learn
شکل نوشتاری
نحوه نوشتن یا استفاده یا سینتَکس (Syntax) این متد در جاوااسکریپت بصورت زیر می باشد.
1 |
Array.fill( Value , Start , End ); |
Free-Learn
جدول پارامترها
در جدول زیر میتوانید، پارامترهایی را که میتوان در این متد استفاده کرد مشاهده نمایید.
مقدار | توضیح |
---|---|
Value | ضروری – مقداری که باهاش آیتم های آرایه تکمیل میشه |
Start | اختیاری – شماره ایندکس نقطه شروع ( که باید تکمیل شن ) |
End | اختیاری – شماره ایندکس نقطه پایان ( که باید تکمیل شن ) |
Free-Learn
موارد استفاده این متد
از این متد میتوان در بخش های زیر استفاده کرد. ( یعنی کاربرد این متد در موارد زیر می باشد )
آرایه ها ( Array ) |
Free-Learn
نکات و توضیحات
- این متد تغییری در اندازه ( یا تعداد ) آیتم ها ایجاد نمیکنه، فقط میتونه یک مقدار مشخص رو جایگزین مقدار آیتم های فعلی کنه.