این آموزش در تاریخ ۱۴۰۰/۰۸/۰۴ آپدیت شده است.
آموزش متد split در جاوااسکریپت
سلام خدمت تمامی دوستان و همراهان محترم سایت آموزشی فری لرن ، امیدوارم که حال همگیتون خوب باشه. لطفا در ادامه با آموزش متد split در جاوااسکریپت با من همراه باشید.
Free-Learn
آنچه در این جلسه میخوانید :
متد split در جاوااسکریپت
با استفاده از متد ()split میتونیم یک متن ( رشته ) رو به تکه های مختلف تقسیم کنیم و این تکه های تقسیم شده رو در قالب یک آرایه در خروجی به نمایش درآوریم.
کلمه Split در لغت به فارسی میشه [ تقسیم کردن یا جداکردن یا تکه تکه کردن ] ، پس ما میتونیم با استفاده از این متد یک متن رو به تکه های مختلف تقسیم کنیم، که هریک از این تکه ها در قالب یک آرایه می باشد.
در این متد از عبارات باقاعده نیز میتوان استفاده کرد. [ همانند مثال شماره ۳ ]
| مقدار برگشتی | برگشت یک آرایه از تکه های تقسیم شده یک رشته ( متن ) |
|---|---|
| نسخه | ECMAScript 1 |
Free-Learn
مثال از این متد
در ادامه میتوانید یک مثال از این متد را در زبان جاوا اسکریپت مشاهده نمایید.
مثال شماره ۱ : استفاده عادی از متد split ( بدون جداکننده و بدون محدودیت رشته ) ( در این حالت کل رشته در قالب یک عدد آرایه در خروجی نمایش داده خواهد شد )
|
1 2 3 4 5 6 7 |
<script> var MyText = "My Name Is Sadegh"; var result = document.getElementById("Result"); result.innerHTML = MyText.split(); </script> |
مثال شماره ۲ : جدا کردن تکه های متن بر اساس خط فاصله بین کلمات ( یعنی هرجا بین کلمات خط فاصله بود این اونجا جداش میکنه و همین تکه جدا شده رو در قالب آرایه به خروجی میده )
|
1 2 3 4 5 6 7 |
<script> var MyText = "My Name Is Sadegh"; var result = document.getElementById("Result"); result.innerHTML = MyText.split(" "); </script> |
مثال شماره ۳ : استفاده از عبارت باقاعده
|
1 2 3 4 5 6 7 |
<script> var MyText = "My Name Is Sadegh"; var result = document.getElementById("Result"); result.innerHTML = MyText.split(/[A-Z]/); </script> |
مثال شماره ۴ : استفاده از محدود کننده ( یعنی بهش گفتیم متن رو تکه تکه کن ولی فقط ۲ تکه اش رو به خروجی بفرست )
|
1 2 3 4 5 6 7 |
<script> var MyText = "My Name Is Sadegh"; var result = document.getElementById("Result"); result.innerHTML = MyText.split(" ",2); </script> |
مثال شماره ۵ : خب ما گفتیم خروجی در قالب آرایه هستش، در این مثال میخوایم خروجی رو در قالب آرایه نشون بدیم.
|
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 |
<script> var result_1 = document.getElementById("Result_1"); var result_2 = document.getElementById("Result_2"); var result_3 = document.getElementById("Result_3"); var MyText = "My Name Is Sadegh"; var MyArray = MyText.split(" "); // چاپ کل تکه های متن result_1.innerHTML = MyText.split(" "); // برگشت اولین تکه از آرایه result_2.innerHTML = MyArray[0]; // برگشت سومین تکه از آرایه result_3.innerHTML = MyArray[3]; </script> |
Free-Learn
پشتیبانی مرورگرها
در جدول زیر میتوانید مشاهده نمایید که آیا مرورگرهای اینترنتی از این متد در جاوااسکریپت پشتیبانی میکنند یا خیر.
| نام متد | Chrome | Firefox | Opera | Safari | IE |
| ()split | بله | بله | بله | بله | بله |
Free-Learn
شکل نوشتاری
نحوه نوشتن یا استفاده یا سینتَکس (Syntax) این متد در جاوااسکریپت بصورت زیر می باشد.
|
1 |
String.split( Separator , Limit ); |
Free-Learn
جدول پارامترها
در جدول زیر میتوانید، پارامترهایی را که میتوان در این متد استفاده کرد مشاهده نمایید.
| مقدار | توضیح |
|---|---|
| Separator | اختیاری – جداکننده تکه های متن + استفاده از خط فاصله ” ” » یعنی هرجا خط فاصله بود جدا میکنه + استفاده از کاراکتر ( مثلا حرف a ) این یعنی هرجا a دید متن رو جدا میکنه |
| Limit | اختیاری – یک عدد مثبت که تعداد تکه های متن را مشخص میکند |
Free-Learn
موارد استفاده این متد
از این متد میتوان در بخش های زیر استفاده کرد. ( یعنی کاربرد این متد در موارد زیر می باشد )
| رشته ها ( String ) |
Free-Learn
نکات و توضیحات
- اگه هیچ پارامتری مشخص نشود ( همانند مثال شماره ۱ ) کل متن در قالب یک عدد آرایه به خروجی فرستاده میشود.
