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