این آموزش در تاریخ ۱۴۰۰/۰۸/۰۴ آپدیت شده است.
آموزش متد substring در جاوااسکریپت
سلام خدمت تمامی دوستان و همراهان محترم سایت آموزشی فری لرن ، امیدوارم که حال همگیتون خوب باشه. لطفا در ادامه با آموزش متد substring در جاوااسکریپت با من همراه باشید.
Free-Learn
آنچه در این جلسه میخوانید :
متد substring در جاوااسکریپت
با استفاده از متد ()substring میتونیم بر اساس شماره ایندکسی که بهش میدیم، ( شماره ایندکس شروع و پایان ) بخشی از یک متن ( رشته ) رو استخراج کنیم و در خروجی به نمایش درآوریم.
شماره ایندکس پایانی ، در محاسبات این متد حساب میشه ولی در خروجی شامل نمیشه. ( مثال شماره ۴ )
| مقدار برگشتی | برگشت یک رشته ( متن ) که استخراج شده |
|---|---|
| نسخه | ECMAScript 1 |
Free-Learn
مثال از این متد
در ادامه میتوانید یک مثال از این متد را در زبان جاوا اسکریپت مشاهده نمایید.
مثال شماره ۱ : استفاده عادی از متد substring ( بدون هیچ پارامتری ) ( در این حالت کل رشته در خروجی نمایش داده خواهد شد )
|
1 2 3 4 5 6 7 |
<script> var MyText = "Free-Learn"; var result = document.getElementById("Result"); result.innerHTML = MyText.substring(); </script> |
مثال شماره ۲ : برگشت فقط اولین کاراکتر متن
|
1 2 3 4 5 6 7 |
<script> var MyText = "Free-Learn"; var result = document.getElementById("Result"); result.innerHTML = MyText.substring(0,1); </script> |
مثال شماره ۳ : برگشت فقط آخرین کاراکتر متن
|
1 2 3 4 5 6 7 |
<script> var MyText = "Free-Learn"; var result = document.getElementById("Result"); result.innerHTML = MyText.substring( MyText.length-1 ); </script> |
مثال شماره ۴ : استفاده از شماره ایندکس شروع و پایان ( ولی خروجی شامل کاراکتر شماره ایندکس پایانی نمیشه )
|
1 2 3 4 5 6 7 |
<script> var MyText = "Free-Learn"; var result = document.getElementById("Result"); result.innerHTML = MyText.substring(5,9); </script> |
Free-Learn
پشتیبانی مرورگرها
در جدول زیر میتوانید مشاهده نمایید که آیا مرورگرهای اینترنتی از این متد در جاوااسکریپت پشتیبانی میکنند یا خیر.
| نام متد | Chrome | Firefox | Opera | Safari | IE |
| ()substring | بله | بله | بله | بله | بله |
Free-Learn
شکل نوشتاری
نحوه نوشتن یا استفاده یا سینتَکس (Syntax) این متد در جاوااسکریپت بصورت زیر می باشد.
|
1 |
String.substring( Start_Index , End_Index ); |
Free-Learn
جدول پارامترها
در جدول زیر میتوانید، پارامترهایی را که میتوان در این متد استفاده کرد مشاهده نمایید.
| مقدار | توضیح |
|---|---|
| Start_Index | ضروری – اون شماره ایندکس یا جایگاه شروع |
| End_Index | اختیاری – شماره ایندکس یا جایگاه پایان ( ولی در خروجی شامل نمیشه ) |
Free-Learn
مثال های بیشتر
اگر یک متن همانند متن زیر داشته باشیم :
|
1 |
var MyText = "Free-Learn"; |
پس خواهیم داشت : ( از اون // به بعد یعنی خروجی میشه )
|
1 2 3 4 5 6 |
MyText.substring(0, 1); // F MyText.substring(1, 0); // F MyText.substring( MyText.length-1 ); // n MyText.substring(0); // Free-Learn MyText.substring(0,4); // Free MyText.substring(20); // هیچی |
Free-Learn
موارد استفاده این متد
از این متد میتوان در بخش های زیر استفاده کرد. ( یعنی کاربرد این متد در موارد زیر می باشد )
| رشته ها ( String ) |
Free-Learn
نکات و توضیحات
- اگه هیچ پارامتری مشخص نشود ( همانند مثال شماره ۱ ) کل متن در خروجی نمایش داده خواهد شد.
- اگه شماره ایندکس اشتباه وارد کنیم ( مثلا شماره ایندکس بزرگتر از تعداد کاراکترهای خوده متن باشه ) در خروجی هیچی نشون نمیده.
- در این متد نمیشه از شماره ایندکس منفی ( مثلا ۱- ) استفاده کرد، ولی میشه همانند مثال شماره ۳ عمل کرد.
Free-Learn
تفاوت های substring و slice و substr
- متد ()substring شماره ایندکس شروع و پایان میگیره ولی خروجی شامل ایندکس پایانی نمیشه.
- در متد ()substring اگه Start_Index بزرگتر از End_Index باشه، خودش جاشونو عوض میکنه و در نهایت خروجی رو نمایش میده ولی در این حالت متد ()slice هیچی در خروجی نشون نمیده.
- اگه از شماره ایندکس منفی ( مثلا ۱- ) در متد ()substring استفاده شه ، برنامه اونو به عنوان عدد ۰ حساب میکنه.
- متد ()Substr فقط شماره ایندکس شروع میگیره و بعدش یه طول برای تعداد کاراکترهایی که قراره استخراج شن.
- متد ()Substr یک متد قدیمی می باشد و استفاده از آن پیشنهاد نمیشه، بهتره شماهم از متد ()substring استفاده نمایید.
